﻿.indexban {
	position: relative
}

.m-bann {
	display: none
}

.indexban .textbox {
	position: absolute;
	top: calc(200px + 20%);
	left: 50%;
	margin-left: -37.5vw;
	z-index: 3;
	opacity: 0
}

.indexban .textbox1 {
	top: 330px
}

.indexban .textbox2 {
	top: 55%
}

.indexban .textbox2.cur {
	top: 35%
}

.indexban .textbox .title {
	text-align: center;
	color: #fff;
	font-size: 60px;
	font-family: Arial;
	font-weight: bold
}

.indexban .textbox .text {
	text-align: center;
	color: #fff;
	font-size: 30px;
	font-family: Arial
}

.indexban .textbox .btn {
	width: 160px;
	height: 50px;
	display: block;
	margin: 50px auto 0;
	border-radius: 50px;
	border: 2px solid #fff;
	text-align: center;
	line-height: 48px;
	color: #fff
}

.indexban .textbox.cur {
	opacity: 1
}

.indexban .textbox1.cur {
	top: 180px
}

.indexban .textbox2 .title {
	text-align: left;
	line-height: 1.2
}

.indexban .textbox2 .text {
	font-size: 24px;
	font-weight: lighter;
	font-family: Arial;
	text-align: left;
	margin-top: 20px
}

.indexban .textbox2 .btn {
	margin: 76px 0 0 0
}

.indexban .textbox2 .btn:hover,
.indexban .textbox1 .btn:hover {
	background-color: #0d6fb8;
	border-color: #0d6fb8;
	color: #fff
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 40px
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	width: 70px;
	height: 3px;
	border-radius: 0;
	position: relative;
	background-color: rgba(255, 255, 255, 0.5);
	margin: 0 8px;
	opacity: 1
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after {
	content: "";
	width: 0px;
	height: 3px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:after {
	width: 100%
}

.pcbanner .img img {
	height: 100vh;
	object-fit: cover
}

.indexban .swiper-button-prev,
.indexban .swiper-button-next {
	width: 56px;
	height: 56px;
	background-size: 100% 100%;
	margin-top: -28px;
	opacity: 1
}

.indexban .swiper-button-prev {
	background-image: url(https://www.jfopt.com/img/banleft.png);
	left: 30px
}

.indexban .swiper-button-prev:hover {
	background-image: url(../image/sol3left_cur.png)
}

.indexban .swiper-button-next {
	background-image: url(https://www.jfopt.com/img/banright.png);
	right: 30px
}

.indexban .swiper-button-next:hover {
	background-image: url(../image/sol3right_cur.png)
}

.lf {
	float: left;
}

.clear {
	zoom: 1;
}

@media (max-width:1620px) {
	.indexban .textbox {
		margin-left: -41vw
	}

	.indexban .textbox .title {
		font-size: 46px
	}

	.indexban .textbox .text {
		font-size: 26px
	}

	.indexban .textbox2 .text {
		font-size: 20px
	}
}

@media (max-width:1440px) {

	/* .indexban .textbox{margin-left:-44vw} */
	.indexban .textbox .title {
		font-size: 40px
	}

	.indexban .textbox .text {
		font-size: 22px
	}

	.indexban .textbox2 .text {
		font-size: 18px
	}

	.indexban .textbox .btn {
		width: 130px;
		height: 40px;
		line-height: 38px;
		margin: 35px auto 0
	}

	/* .indexban .textbox1.cur{top:150px} */
	.indexban .textbox2 .btn {
		margin: 45px 0 0 0
	}

	.indexban .swiper-button-prev,
	.indexban .swiper-button-next {
		width: 46px;
		height: 46px;
		margin-top: -23px
	}

	.indexban .swiper-button-prev {
		left: 20px
	}

	.indexban .swiper-button-next {
		right: 20px
	}
}

@media (max-width:1280px) {
	.indexban .textbox {
		margin-left: -46vw
	}
}

@media (max-width:1024px) {
	.pcbanner {
		display: none
	}

	.m-bann {
		display: block
	}

	.indexban .textbox {
		width: 100%;
		left: 0;
		margin-left: 0;
		padding: 0 15px
	}

	.indexban .textbox .title {
		font-size: 22px
	}

	.indexban .textbox {
		top: calc(60px + 26%)
	}

	.indexban .textbox.cur {
		top: calc(60px + 6%)
	}

	.indexban .textbox .text {
		font-size: 16px
	}

	.indexban .textbox .btn {
		width: 110px;
		height: 34px;
		line-height: 32px;
		margin: 25px auto 0
	}

	.indexban .swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 20px
	}

	.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		border-radius: 8px
	}

	.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after {
		display: none
	}

	.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
		background-color: #fff
	}

	.indexban .textbox.cur {
		left: 0
	}

	.indexban .swiper-button-prev,
	.indexban .swiper-button-next {
		width: 36px;
		height: 36px;
		margin-top: -18px
	}

	.indexban .swiper-button-prev {
		left: 15px
	}

	.indexban .swiper-button-next {
		right: 15px
	}
}

.about1 {
	margin: 56px 0 72px
}

.aboutleft {
	width: 50%;
	position: relative
}

.aboutleft .title {
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	color: #2a2a2a;
	position: relative;
	z-index: 3
}

.aboutleft .entitle {
	color: #0d6fb8;
	font-size: 60px;
	line-height: 70px;
	margin-top: 12px;
	position: relative;
	z-index: 3;
	font-family: 'monbold'
}

.aboutleft .bgicon {
	position: absolute;
	top: 58px;
	left: 0
}

.aboutright {
	color: #666;
	line-height: 2;
	width: 50%
}

.about2 {
	margin-bottom: 120px
}

.about2:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05)
}

.businphil {
	padding: 110px 0 118px
}

.businphil .toptitle,
.culture .toptitle,
.marketnettop .title {
	color: #000;
	font-size: 36px;
	text-align: center;
	font-weight: bold
}

.businphilbox {
	margin-top: 42px;
	height: 550px;
	background-image: url(../image/businphilbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.businphillist {
	width: 25%;
	height: 550px;
	position: relative;
	border-right: 1px solid rgba(245, 245, 245, 0.2)
}

.businphillist:nth-last-of-type(1) {
	border-right: none
}

.businphillist .textbox {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -93px
}

.businphillist .textbox .icon {
	width: 86px;
	margin: 0 auto
}

.businphillist .textbox .title {
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin-top: 76px
}

.businphillist:hover .icon img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2)
}

.businphillist:hover .title {
	font-size: 22px
}

.culture {
	padding: 112px 0 130px
}

.cultureitems {
	margin-top: 45px
}

.cultureitem {
	margin-bottom: 40px
}

.cultureitem:nth-last-of-type(1) {
	margin-bottom: 0
}

.cultureitem .textbox {
	width: calc(100% - 864px);
	position: relative;
	height: 461px;
	background-color: #f6f6f6;
	padding: 4.583vw 5.468vw 30px 6.145vw
}

.cultureitem:nth-of-type(2n) .textbox {
	padding: 4.583vw 5vw 30px 6.145vw
}

.cultureitem .title {
	color: #0d6fb8;
	font-size: 30px
}

.cultureitem .text {
	color: #666;
	font-size: 16px;
	margin-top: 1.56vw;
	line-height: 1.875;
	max-height: 120px
}

.cultureitem .texticon {
	position: absolute;
	bottom: 0;
	left: 0;
	max-width: 100%
}

.cultureitem:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05)
}

.cultureitem .text::-webkit-scrollbar {
	width: 8px
}

.cultureitem .text::-webkit-scrollbar-thumb {
	background-color: #08337e
}

.cultureitem .text::-webkit-scrollbar-track {
	background-color: #faf6f3
}

.marketnet {
	padding: 116px 0 120px
}

.marketnettop .text {
	text-align: center;
	color: #666;
	font-size: 26px;
	margin-top: 5px
}

.marketnettop .text span {
	color: #0d6fb8
}

.marketnetbot {
	margin-top: 36px;
	position: relative
}

.marketnetbot .wapmap {
	display: none
}

.marketnetbot .pcmap {
	width: 1081px;
	margin: 0 auto;
	height: 488px;
	position: relative
}

.marketnetbot .img {
	width: 1081px;
	margin: 0 auto;
	height: 488px;
	background-repeat: no-repeat;
	background-position: center center
}

.marketnetbot .item {
	position: absolute
}

.marketnetbot .item .icon {
	width: 26px;
	height: 26px;
	border-radius: 26px;
	position: relative
}

.marketnetbot .item .icon:after {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 8px;
	position: absolute;
	top: 9px;
	left: 9px
}

.marketnetbot .item .icon[data-foreign] {
	background-color: rgba(23, 111, 184, 0.2);
	animation: xuanzhuan 3s linear 0s infinite normal;
	-webkit-animation: xuanzhuan 3s linear 0s infinite normal;
	-moz-animation: xuanzhuan 3s linear 0s infinite normal
}

.marketnetbot .item .icon[data-foreign]:after {
	background-color: #0d6fb8;
	animation: xuanzhuan 3s linear 0s infinite normal;
	-webkit-animation: xuanzhuan 3s linear 0s infinite normal;
	-moz-animation: xuanzhuan 3s linear 0s infinite normal
}

.marketnetbot .item .icon[data-domestic] {
	background-color: rgba(240, 137, 15, 0.2);
	animation: xuanzhuan 3s linear 0s infinite normal;
	-webkit-animation: xuanzhuan 3s linear 0s infinite normal;
	-moz-animation: xuanzhuan 3s linear 0s infinite normal
}

.marketnetbot .item .icon[data-domestic]:after {
	background-color: #ff9e2b;
	animation: xuanzhuan 3s linear 0s infinite normal;
	-webkit-animation: xuanzhuan 3s linear 0s infinite normal;
	-moz-animation: xuanzhuan 3s linear 0s infinite normal
}

@keyframes xuanzhuan {
	0% {
		opacity: 1;
		transform: scale(1)
	}

	50% {
		opacity: 0.2;
		transform: scale(0.6)
	}

	100% {
		opacity: 1;
		transform: scale(1)
	}
}

@-moz-keyframes xuanzhuan {
	0% {
		opacity: 1;
		-moz-transform: scale(1)
	}

	50% {
		opacity: 0.2;
		-moz-transform: scale(0.6)
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1)
	}
}

@-webkit-keyframes xuanzhuan {
	0% {
		opacity: 1;
		-webkit-transform: scale(1)
	}

	50% {
		opacity: 0.2;
		-webkit-transform: scale(0.6)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1)
	}
}


.marketnetbot .item .text {
	font-size: 16px;
	line-height: 26px;
	margin: 0 6px
}

.marketnetbot .item[data-value="United States"] {
	top: 146px;
	left: 186px
}

.marketnetbot .item[data-value="Brazil"] {
	top: 328px;
	left: 316px
}

.marketnetbot .item[data-value="Germany"] {
	top: 110px;
	left: 490px
}

.marketnetbot .item[data-value="South Africa"] {
	bottom: 95px;
	left: 562px
}

.marketnetbot .item[data-value="Malaysia"] {
	top: 275px;
	right: 180px
}

.marketnetbot .item[data-value="Australia"] {
	bottom: 94px;
	right: 68px
}

.marketnetbot .item[data-value="Chengdu"] {
	top: 167px;
	right: 248px
}

.marketnetbot .item[data-value="Ningbo"] {
	top: 164px;
	right: 160px
}

.marketnetbot .item[data-value="Shenzhen"] {
	top: 188px;
	right: 185px
}

.marketnetbot .other {
	position: absolute;
	bottom: 25px;
	left: 0
}

.marketnetbot .other .otherlist {
	margin-bottom: 8px
}

.marketnetbot .other .otherlist:nth-of-type(2) .text {
	color: #ff9e2b;
	font-size: 18px
}

.marketnetbot .other .otherlist:nth-of-type(1) .text {
	color: #0d6fb8;
	font-size: 18px
}

.marketnetbot .other .otherlist:nth-of-type(2) .yuan {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: #ff9e2b;
	margin-top: 10px;
	margin-right: 6px
}

.marketnetbot .other .otherlist:nth-of-type(1) .yuan {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: #0d6fb8;
	margin-top: 10px;
	margin-right: 6px
}

.marketnetbot .other .tishi {
	margin-top: 20px;
	color: #999
}

.quailtysys1 {
	padding: 54px 0 88px
}

.pagetitle {
	color: #000;
	font-size: 28px;
	text-align: center;
	font-weight: bold
}

.quailtysys1items {
	margin-top: 42px
}

.quailtysys1item {
	width: 31.25%;
	margin-right: 3.125%;
	position: relative
}

.quailtysys1item:nth-of-type(3n) {
	margin-right: 0
}

.quailtysys1item .textbox {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.quailtysys1item .textbox .title {
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding: 0 4.166vw;
	line-height: 1.66;
	position: absolute;
	bottom: 24px;
	left: 0
}

.quailtysys1item.cur .textbox {
	background-color: rgba(13, 111, 184, 0.8);
	bottom: 0
}

.quailtysys1item.cur .textbox .title {
	font-weight: bold;
	bottom: 50%;
	margin-bottom: -30px
}

@media (min-width:1024px) {
	.quailtysys1item:hover .textbox {
		background-color: rgba(13, 111, 184, 0.8);
		bottom: 0
	}

	.quailtysys1item:hover .textbox .title {
		font-weight: bold;
		bottom: 50%;
		margin-bottom: -30px
	}
}

.quailtysys2 {
	padding: 110px 0 118px;
	background-image: url(../image/quasysbg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.quailtysys2 .img {
	margin-top: 40px;
	text-align: center
}

.quailtysys2 .img img {
	display: inline-block
}

.quacert {
	padding: 82px 0 102px
}

.quadetectitem {
	display: none
}

.quadetectitem.cur {
	display: block
}

.quacertslide {
	margin-top: 22px;
	position: relative;
	padding-bottom: 132px
}

.quacertslide .swiper-container {
	padding: 20px 0
}

.quacertslide .img {
	box-shadow: 0px 8px 23px 0px rgba(0, 0, 0, 0.15);
	transform: scale(0.84);
	-webkit-transform: scale(0.84);
	-moz-transform: scale(0.84)
}

.quacertslide .swiper-slide-active .img {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1)
}

.quacertslide .title {
	text-align: center;
	margin-top: 26px;
	color: #666;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial;
	opacity: 0
}

.quacertslide .swiper-slide-active .title {
	opacity: 1
}

.quacertslide .swiper-button-next,
.quacertslide .swiper-button-prev {
	width: 56px;
	height: 56px;
	top: auto;
	bottom: 0;
	margin-top: 0;
	background-size: 100% 100%
}

.quacertslide .swiper-button-next {
	background-image: url(../image/quaceright.png);
	right: calc(50% - 84px)
}

.quacertslide .swiper-button-next:hover {
	background-image: url(../image/quaceright_cur.png)
}

.quacertslide .swiper-button-prev {
	background-image: url(../image/quacerleft.png);
	left: calc(50% - 84px)
}

.quacertslide .swiper-button-prev:hover {
	background-image: url(../image/quacerleft_cur.png)
}

.quadetect {
	padding: 54px 0 90px;
	background-color: #f6f6f6
}

.quadetectnav {
	margin: 28px 0 45px;
	text-align: center
}

.quadetectnavlist {
	display: inline-block;
	color: #666;
	font-size: 16px;
	line-height: 36px;
	margin: 0 20px;
	position: relative
}

.quadetectnavlist:after {
	content: "";
	width: 0px;
	height: 2px;
	background-color: #0d6fb8;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 0.5s ease-in-out 0s;
	-webkit-transition: 0.5s ease-in-out 0s;
	-moz-transition: 0.5s ease-in-out 0s
}

.quadetectnavlist.cur:after,
.quadetectnavlist:hover:after {
	width: 100%
}

.quadetectnavlist.cur,
.quadetectnavlist:hover {
	color: #0d6fb8
}

.quadetectslide {
	padding: 0 110px;
	position: relative
}

.quadetectslide .swiper-button-next,
.quadetectslide .swiper-button-prev {
	width: 56px;
	height: 56px;
	margin-top: -28px;
	background-size: 100% 100%
}

.quadetectslide .swiper-button-next {
	background-image: url(../image/quaceright.png);
	right: -28px
}

.quadetectslide .swiper-button-next:hover {
	background-image: url(../image/quaceright_cur.png)
}

.quadetectslide .swiper-button-prev {
	background-image: url(../image/quacerleft.png);
	left: -28px
}

.quadetectslide .swiper-button-prev:hover {
	background-image: url(https://www.jfopt.com/img/quaceleft_cur.png)
}

.quadetectslide .swiper-slide {
	background-color: #fff;
	padding: 34px 34px 52px
}

.quadetectslide .swiper-slide .title {
	margin-top: 25px;
	text-align: center;
	font-size: 18px
}

.quadetectslide .swiper-slide:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05)
}

.quamana {
	padding: 60px 0 90px
}

.quamana .img {
	width: 50%
}

.quamana .textbox {
	width: 50%;
	padding: 42px 0 0 5.208vw
}

.quamana .textbox .title {
	color: #000;
	font-size: 30px;
	font-weight: bold
}

.quamana .textbox .text {
	margin: 38px 0 50px;
	color: #666;
	font-size: 16px;
	line-height: 1.875
}

.quamana .textbox .iconlist:nth-of-type(1) {
	padding: 0 3.125vw 0 0
}

.quamana .textbox .iconlist {
	padding: 0 3.125vw;
	position: relative
}

.quamana .textbox .iconlist .icon {
	width: 60px;
	margin: 0 auto
}

.quamana .textbox .iconlist .title {
	color: #666;
	font-size: 16px;
	text-align: center;
	margin-top: 18px
}

.quamana .textbox .iconlist:after {
	content: "";
	width: 1px;
	height: 35px;
	background-color: #e6e6e6;
	position: absolute;
	top: 16px;
	right: 0
}

.quamana .textbox .iconlist:nth-last-of-type(1):after {
	display: none
}

.quamana .img:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05)
}

.news {
	padding: 40px 0 90px
}

.newsitem {
	width: 31.94%;
	margin-right: 2.09%;
	margin-bottom: 30px;
	display: block;
	background-color: #f5f5f5
}

.newsitem:nth-of-type(3n) {
	margin-right: 0
}

.newsitem .textbox {
	padding: 35px 50px 46px
}

.newsitem .textbox .title {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	height: 48px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.newsitem .textbox .text {
	color: #666;
	line-height: 1.714;
	margin: 16px 0 30px;
	height: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.newsitem .textbox .bot {
	display: block
}

.newsitem .textbox .date {
	color: #999;
	padding-left: 26px;
	line-height: 16px;
	background-image: url(../image/newstime.png);
	background-repeat: no-repeat;
	background-position: left center
}

.newsitem .textbox .more {
	color: #0d6fb8;
	line-height: 16px;
	position: relative
}

.newsitem .textbox .more:after {
	content: "";
	width: 0px;
	height: 1px;
	background-color: #0d6fb8;
	position: absolute;
	left: 0;
	bottom: -6px;
	transition: 0.5s ease-in-out 0s;
	-webkit-transition: 0.5s ease-in-out 0s;
	-moz-transition: 0.5s ease-in-out 0s
}

.newsitem .textbox .typebox {
	margin-bottom: 22px
}

.newsdetail .typebox {
	margin-top: 16px
}

.ndbotlr .typebox {
	margin-top: 30px
}

.newsitem .textbox .typelist,
.newsdetail .typelist,
.ndbotlr .typelist {
	padding: 0 10px;
	height: 22px;
	margin-bottom: 13px;
	border-radius: 2px;
	border: 1px solid #999;
	color: #999;
	line-height: 20px;
	margin-right: 20px
}

/* .ndbotlr .typelist{margin-bottom:13px} */
.newsitem:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05)
}

.newsitem:hover .textbox .title {
	color: #0d6fb8
}

.newsitem:hover .textbox .more:after {
	width: 100%
}

.newsitem .textbox .typelist:hover,
.newsdetail .typelist:hover,
.ndbotlr .typelist:hover {
	color: #fff;
	background-color: #0d6fb8;
	border-color: #0d6fb8
}

.news .pager {
	margin-top: 50px
}

.ndrecommitems {
	margin-bottom: 58px
}

.newsdetail {
	padding: 82px 0 136px
}

.ndtop {
	padding-bottom: 30px;
	border-bottom: 1px solid #f0f0f0
}

.ndtop .title {
	font-size: 30px;
	font-weight: bold
}

.ndtop .other {
	margin-top: 10px
}

.ndtop .other .list {
	color: #999;
	margin-right: 22px;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px
}

.ndtop .other .list.date {
	background-image: url(../image/ndtime.png)
}

.ndtop .other .list.seenum {
	background-image: url(../image/ndsee.png)
}

.ndtop .other .list.share {
	margin-right: 0;
	background-image: url(../image/ndshare.png)
}

.ndtop .shareitem {
	width: 36px;
	height: 36px;
	border-radius: 36px;
	cursor: pointer;
	margin-right: 10px;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: center center
}

.ndtop .shareitem[data-wb] {
	background-image: url(../image/ndwb.png)
}

.ndtop .shareitem[data-wx] {
	background-image: url(../image/ndwx.png)
}

.ndtop .shareitem[data-qq] {
	background-image: url(../image/ndqq.png)
}

.ndtop .shareitem[data-int] {
	background-image: url(../image/ndint.png)
}

.ndtop .shareitem[data-lj] {
	background-image: url(../image/ndlj.png)
}

.ndtop .shareitem[data-int]:hover {
	background-color: #0c5da2
}

.ndtop .shareitem[data-wb]:hover {
	background-color: #f19613
}

.ndtop .shareitem[data-qq]:hover {
	background-color: #12b7f5
}

.ndtop .shareitem[data-wx]:hover {
	background-color: #2eaf0c
}

.ndbot {
	margin-top: 70px
}

.ndbotlf {
	width: calc(100% - 574px);
	margin-right: 100px
}

.ndbotlf .bot {
	margin-top: 72px
}

.ndbotlf .returnlist {
	display: block;
	color: #999;
	padding-left: 26px;
	background-image: url(../image/return.png);
	background-repeat: no-repeat;
	background-position: left center
}

.ndpagers {
	padding: 25px 0;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	margin-top: 16px
}

.ndpagerslist {
	max-width: 48%
}

.ndpagerslist .name {
	color: #999;
	width: 68px
}

.ndpagerslist .text {
	width: calc(100% - 68px);
	height: 19px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.ndpagerslist a.text:hover {
	color: #0c5da2
}

.ndbotlr {
	width: 474px
}

.ndbotlr .top {
	padding-bottom: 22px;
	border-bottom: 1px solid #efefef
}

.ndbotlr .top .title {
	color: #666;
	font-size: 18px;
	position: relative
}

.ndbotlr .top .title:after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #0d6fb8;
	position: absolute;
	bottom: -23px;
	left: 0
}

.ndrecommitem {
	padding: 30px 0;
	border-bottom: 1px solid #efefef;
	display: block
}

.ndrecommitem .img {
	width: 196px
}

.ndrecommitem .textbox {
	width: calc(100% - 196px);
	padding: 16px 0 10px 22px
}

.ndrecommitem .textbox .title {
	font-size: 16px;
	line-height: 1.8;
	height: 54px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.ndrecommitem .textbox .date {
	color: #999;
	font-family: Arial;
	margin-top: 20px
}

.ndrecommitem:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05)
}

.ndrecommitem:hover .textbox .title {
	color: #0d6fb8
}

@media (max-width:1440px) {
	.aboutleft .title {
		font-size: 22px;
		line-height: 30px
	}

	.aboutleft .entitle {
		font-size: 44px;
		line-height: 54px
	}

	.aboutleft .bgicon {
		width: 360px
	}

	.businphilbox,
	.businphillist {
		height: 450px
	}

	.businphillist .textbox .title {
		margin-top: 56px
	}

	.businphillist .textbox {
		margin-top: -83px
	}

	.cultureitem .img {
		width: 714px
	}

	.cultureitem .textbox {
		width: calc(100% - 714px);
		height: 381px;
		padding: 3vw 4vw 30px 4.5vw
	}

	.cultureitem:nth-of-type(2n) .textbox {
		padding: 3vw 3.8vw 30px 4.5vw
	}

	.cultureitem .title {
		font-size: 26px
	}

	.quadetectslide {
		padding: 0 70px
	}

	.quamana .textbox {
		padding: 25px 0 0 3.8vw
	}

	.quamana .textbox .title {
		font-size: 24px
	}

	.pagetitle {
		font-size: 24px
	}

	.quailtysys1,
	.quadetect {
		padding: 35px 0 60px
	}

	.quailtysys2,
	.quamana {
		padding: 56px 0
	}

	.quamana .textbox .text {
		margin: 20px 0 30px
	}

	.quamana .textbox .text {
		font-size: 14px
	}

	.news {
		padding: 30px 0 70px
	}

	.newsitem .textbox .text {
		margin: 12px 0 25px
	}

	.newsitem .textbox {
		padding: 25px 35px 35px
	}

	.newsdetail {
		padding: 56px 0 85px
	}

	.ndtop .title {
		font-size: 26px
	}
}

@media (max-width:1024px) {
	.about1 {
		margin: 50px 0 30px
	}

	.aboutleft {
		width: 100%
	}

	.aboutleft .title {
		font-size: 18px;
		line-height: 24px
	}

	.aboutleft .entitle {
		font-size: 32px;
		line-height: 1;
		margin-top: 6px
	}

	.aboutleft .bgicon {
		width: 75%;
		top: 30px
	}

	.aboutright {
		width: 100%;
		margin-top: 40px;
		line-height: 1.6
	}

	.about2 {
		margin-bottom: 50px
	}

	.businphil,
	.quailtysys1,
	.quadetect,
	.quamana,
	.news,
	.newsdetail {
		padding: 40px 0
	}

	.businphil .toptitle,
	.culture .toptitle,
	.marketnettop .title,
	.pagetitle,
	.ndtop .title {
		font-size: 20px
	}

	.businphilbox {
		margin-top: 25px;
		height: 250px
	}

	.businphillist {
		height: 250px
	}

	.businphillist .textbox .icon {
		width: 34px
	}

	.businphillist .textbox .title {
		margin-top: 20px;
		font-size: 12px;
		padding: 0 10px
	}

	.businphillist .textbox {
		margin-top: -51px
	}

	.culture,
	.marketnet,
	.quailtysys2,
	.quacert {
		padding: 50px 0
	}

	.cultureitems {
		margin-top: 25px
	}

	.cultureitem .img {
		width: 100%
	}

	.cultureitem .textbox {
		width: 100%;
		height: auto;
		padding: 20px 20px 70px
	}

	.cultureitem:nth-of-type(2n) .textbox {
		padding: 20px 20px 70px
	}

	.cultureitem .title {
		font-size: 18px
	}

	.cultureitem .text {
		font-size: 14px;
		margin-top: 8px;
		max-height: none;
		line-height: 1.6
	}

	.cultureitem {
		margin-bottom: 20px
	}

	.marketnettop .text {
		font-size: 16px
	}

	.marketnetbot .pcmap {
		display: none
	}

	.marketnetbot .wapmap {
		display: block
	}

	.marketnetbot {
		margin-top: 25px
	}

	.marketnetbot .other {
		position: static;
		margin-top: 15px
	}

	.marketnetbot .other .otherlist {
		margin-bottom: 5px
	}

	.marketnetbot .other .otherlist:nth-of-type(1) .text,
	.marketnetbot .other .otherlist:nth-of-type(2) .text {
		font-size: 14px
	}

	.marketnetbot .other .otherlist:nth-of-type(2) .yuan,
	.marketnetbot .other .otherlist:nth-of-type(1) .yuan {
		margin-top: 8px
	}

	.marketnetbot .other .tishi {
		font-size: 12px;
		margin-top: 10px
	}

	.quailtysys1item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px
	}

	.quailtysys1items,
	.quailtysys2 .img {
		margin-top: 25px
	}

	.quacert .wrap {
		padding: 0
	}

	.quailtysys1item .textbox .title {
		width: 100%;
		font-size: 13px
	}

	.quacertslide {
		margin-top: 5px;
		padding-bottom: 50px
	}

	.quacertslide .swiper-button-next,
	.quacertslide .swiper-button-prev {
		width: 40px;
		height: 40px;
		cursor: none
	}

	.quacertslide .swiper-button-next {
		right: calc(50% - 55px)
	}

	.quacertslide .swiper-button-prev {
		left: calc(50% - 55px)
	}

	.quacertslide .title {
		margin-top: 15px
	}

	.quadetectslide .img img {
		width: 100%
	}

	.quadetectnavlist {
		width: calc(50% - 4px);
		font-size: 14px;
		margin: 0;
		line-height: 30px;
		display: inline-block;
		text-align: left
	}

	.quadetectnavlist:after {
		display: none
	}

	.quadetectnavlist span {
		position: relative;
		line-height: 30px;
		display: inline-block
	}

	.quadetectnavlist span:after {
		content: "";
		width: 0px;
		height: 2px;
		background-color: #0d6fb8;
		position: absolute;
		bottom: 0;
		left: 0;
		transition: 0.5s ease-in-out 0s;
		-webkit-transition: 0.5s ease-in-out 0s;
		-moz-transition: 0.5s ease-in-out 0s
	}

	.quadetectnavlist.cur span:after {
		width: 100%
	}

	.quadetectnav {
		margin: 10px 0 25px;
		text-align: left
	}

	.quadetectslide {
		padding: 0 55px
	}

	.quadetectslide .swiper-button-next,
	.quadetectslide .swiper-button-prev {
		width: 40px;
		height: 40px
	}

	.quadetectslide .swiper-button-next {
		right: 0
	}

	.quadetectslide .swiper-button-prev {
		left: 0
	}

	.quamana .img {
		width: 100%
	}

	.quamana .textbox {
		width: 100%;
		padding: 20px 0 0 0
	}

	.quamana .textbox .title {
		font-size: 20px
	}

	.quamana .textbox .text {
		margin: 10px 0 35px;
		font-size: 14px
	}

	.quamana .textbox .iconlist {
		width: 33.3333%;
		padding: 0
	}

	.quamana .textbox .iconlist:nth-of-type(1) {
		padding: 0
	}

	.quamana .textbox .iconlist .icon {
		width: 40px
	}

	.quamana .textbox .iconlist:after {
		height: 20px;
		top: 10px
	}

	.quamana .textbox .iconlist .title {
		font-size: 14px;
		margin-top: 10px
	}

	.newsitem {
		width: 100%;
		margin-bottom: 20px
	}

	.newsitem .textbox {
		padding: 20px 20px 35px
	}

	.newsitem .textbox .title {
		font-size: 16px;
		height: 22px;
		line-height: 22px
	}

	.newsitem .textbox .text {
		margin: 8px 0 15px
	}

	.news .wappager {
		margin-top: 30px
	}

	.ndtop {
		padding-bottom: 10px
	}

	.ndbot,
	.ndbotlf .bot {
		margin-top: 30px
	}

	.ndbotlf {
		width: 100%;
		margin-right: 0
	}

	.ndbotlr {
		width: 100%;
		margin-top: 30px
	}

	.ndpagerslist {
		max-width: 100%;
		width: 100%
	}

	.ndpagers {
		padding: 10px 0
	}

	.ndbotlr .top {
		padding-bottom: 10px
	}

	.ndbotlr .top .title:after {
		bottom: -11px
	}

	.ndrecommitem {
		padding: 15px 0
	}

	.ndrecommitem .img {
		width: 135px
	}

	.ndrecommitem .textbox {
		width: calc(100% - 135px);
		padding: 4px 0 5px 10px
	}

	.ndrecommitem .textbox .title {
		line-height: 1.4;
		height: 44px
	}

	.ndrecommitem .textbox .date {
		margin-top: 10px
	}

	.quadetectslide .swiper-slide .title {
		font-size: 14px
	}

	.newsitem .textbox .typelist,
	.newsdetail .typelist,
	.ndbotlr .typelist {
		margin-right: 10px;
		margin-bottom: 10px
	}

	.newsitem .textbox .typebox {
		margin-bottom: 15px
	}

	.ndrecommitems {
		margin-bottom: 30px
	}

	.ndbotlr .typebox {
		margin-top: 15px
	}
}

@media (max-width:370px) {
	.quailtysys1item .textbox .title {
		font-size: 12px;
		padding: 0
	}
}

.talentdevel1 {
	padding: 56px 0 100px
}

.talentdevel1box {
	height: 550px;
	margin-top: 44px;
	background-image: url(../image/taldevbg1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.talentdevel1list {
	width: 25%;
	height: 550px;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	position: relative
}

.talentdevel1list:nth-last-of-type(1) {
	border-right: none
}

.talentdevel1list .textbox {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -92px
}

.talentdevel1list .textbox .icon {
	width: 84px;
	margin: 0 auto
}

.talentdevel1list .textbox .title {
	padding: 0 15px;
	color: #fff;
	text-align: center;
	font-size: 24px;
	margin-top: 70px
}

.talentdevel2 {
	padding: 92px 0 100px;
	background-color: #f7f7f7
}

.talentdevel2box {
	margin-top: 44px
}

.talentdevel2list {
	width: 31.94%;
	margin-right: 2.09%;
	position: relative
}

.talentdevel2list:nth-of-type(3n) {
	margin-right: 0
}

.talentdevel2list .textbox {
	width: 100%;
	padding: 0 40px;
	position: absolute;
	left: 0;
	bottom: 40px
}

.talentdevel2list .textbox .title {
	color: #fff;
	font-size: 24px
}

.talentdevel2list .textbox .line {
	width: 43px;
	height: 2px;
	background-color: #fff;
	margin-top: 11px
}

.talentdevel2list.cur .textbox .text {
	max-height: 0px !important;
	margin-top: 0
}

.talentdevel2list .textbox .text {
	overflow: hidden;
	margin-top: 24px
}

.talentdevel2list .textbox .text .box {
	color: #fff;
	line-height: 1.714
}

.talentdevel2list:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05)
}

.talentdevel3 {
	padding: 92px 0 120px
}

.talentdevel3box {
	margin-top: 42px
}

.talentdevel3list {
	width: calc((100% - 480px) / 4);
	height: 407px;
	margin-right: 1px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.talentdevel3list:nth-last-of-type(1) {
	margin-right: 0
}

.talentdevel3list:nth-of-type(1) {
	width: 476px;
	background-image: url(../image/taldev3bg1.jpg)
}

.talentdevel3list:nth-of-type(2) {
	background-image: url(../image/taldev3bg2.jpg)
}

.talentdevel3list:nth-of-type(3) {
	background-image: url(../image/taldev3bg3.jpg)
}

.talentdevel3list:nth-of-type(4) {
	background-image: url(../image/taldev3bg4.jpg)
}

.talentdevel3list:nth-of-type(5) {
	background-image: url(../image/taldev3bg5.jpg)
}

.talentdevel3list .textbox {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -64px
}

.talentdevel3list.cur .textbox {
	margin-top: -64px !important
}

.talentdevel3list .textbox .icon {
	width: 56px;
	margin: 0 auto
}

.talentdevel3list .textbox .title {
	color: #f1f1f1;
	text-align: center;
	margin-top: 40px;
	font-size: 24px
}

.talentdevel3list.cur .textbox .text {
	max-height: 0 !important;
	margin-top: 0
}

.talentdevel3list .textbox .text {
	overflow: hidden;
	margin-top: 10px;
	padding: 0 40px
}

.talentdevel3list .textbox .text .box {
	color: #f1f1f1;
	text-align: center;
	line-height: 1.714
}

.recruit {
	padding: 56px 0 96px
}

.recruittop .title {
	color: #000;
	font-size: 36px;
	font-weight: bold;
	line-height: 50px
}

.recruitsearch {
	width: 472px;
	height: 50px;
	border: 1px solid #3587c4;
	border-radius: 50px;
	padding: 0 14px 0 30px
}

.recruitsearch .input {
	width: calc(100% - 38px);
	margin-right: 10px
}

.recruitsearch .input input {
	width: 100%;
	height: 48px
}

.recruitsearch .input input::-webkit-input-placeholder {
	color: #b7c5ce
}

.recruitsearch .btn {
	width: 28px;
	padding-left: 10px;
	height: 48px;
	line-height: 48px;
	cursor: pointer
}

.recruitsearch .btn img {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 3px
}

.recruititemstop {
	height: 88px;
	background-color: #929ca2;
	padding-left: 5.208vw;
	margin-top: 50px
}

.recruititemstop .list {
	height: 88px;
	line-height: 88px;
	color: #fff;
	font-size: 18px;
	width: 25%
}

.recruititem {
	margin-top: 2px
}

.recruititemtop {
	height: 88px;
	background-color: #f4f4f4;
	padding-left: 5.208vw;
	position: relative;
	cursor: pointer
}

.recruititemtop .list {
	width: 25%;
	height: 88px;
	line-height: 88px;
	color: #666;
	font-size: 16px
}

.recruititemtop .rightmore {
	width: 24px;
	height: 88px;
	position: absolute;
	right: 34px;
	top: 0;
	background-image: url(../image/recright.png);
	background-repeat: no-repeat;
	background-position: center center
}

.recruititemtop.cur {
	background-color: #0d6fb8
}

.recruititemtop.cur .list {
	color: #fff
}

.recruititemtop.cur .rightmore {
	background-image: url(../image/recright_cur.png)
}

.recruititembot {
	padding: 50px 94px 80px;
	display: none
}

.recruititembot .top .list {
	width: 50%
}

.recruititembot .name {
	font-size: 16px;
	font-weight: bold
}

.recruititembot .text {
	margin-top: 15px;
	color: #999;
	line-height: 1.714
}

.recruititembot .bot {
	margin-top: 62px
}

.recruititembot .bot .list:nth-of-type(1) {
	width: 50%
}

.recruititembot .bot .list:nth-of-type(2) {
	width: calc(50% - 234px)
}

.recruititembot .bot .btn {
	width: 234px !important;
	height: 48px;
	display: block;
	line-height: 48px;
	text-align: center;
	color: #fff;
	background-color: #0d6fb8;
	border-radius: 48px
}

.recruitmore {
	width: 174px;
	height: 48px;
	padding-left: 61px;
	margin: 60px auto 0;
	background-repeat: no-repeat;
	background-position: left 40px center;
	line-height: 46px;
	border-radius: 48px;
	border: 1px solid #dcdcdc;
	color: #666;
	cursor: pointer
}

.recruitmore.cur {
	padding-left: 76px;
	background-image: url(../image/recload.png)
}

.bussincoop {
	padding-bottom: 120px;
}

.buscoop1 {
	padding: 110px 0 100px
}

.buscoop1top {
	margin-top: 42px
}

.buscoop1top .list {
	width: 49.3%;
	margin-right: 1.4%;
	height: 224px;
	padding: 64px 74px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.buscoop1top .list:nth-last-of-type(1) {
	margin-right: 0
}

.buscoop1top .list:nth-of-type(1) {
	background-image: url(../image/bussincoop1bg1.jpg)
}

.buscoop1top .list:nth-of-type(2) {
	background-image: url(../image/bussincoop1bg2.jpg)
}

.buscoop1top .list .top .icon {
	height: 24px;
	line-height: 24px
}

.buscoop1top .list .top .icon img {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 3px
}

.buscoop1top .list .top .name {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	margin-left: 8px;
	line-height: 1;
	margin-left: 8px
}

.buscoop1top .list .text {
	color: #fff;
	font-size: 20px;
	margin-top: 18px
}

.buscoop1bot {
	margin-top: 20px
}

.buscoop1bot .list {
	width: 23.95%;
	border: 1px solid #f1f1f1;
	margin-right: 1.4%;
	padding: 66px 15px 66px 2.083vw
}

.buscoop1bot .list:nth-of-type(4n) {
	margin-right: 0
}

.buscoop1bot .list .textboa {
	width: calc(100% - 120px);
	margin-left: 28px;
	padding-top: 15px
}

.buscoop1bot .list .textboa .name {
	color: #000;
	font-size: 18px;
	font-weight: bold
}

.buscoop1bot .list .textboa .text {
	color: #666;
	font-size: 16px;
	display: block;
	font-family: Arial;
	margin-top: 14px;
	text-decoration: underline;
	word-break: break-all
}

.buscoopmap {
	height: 500px;
	overflow: hidden
}

.buscoopmap .buscoopmapimg {
	width: 100%;
	height: 100%
}

@media (max-width:1800px) {
	.buscoop1bot .list {
		padding: 66px 15px 66px 1.5vw
	}

	.buscoop1bot .list .icon {
		width: 70px
	}

	.buscoop1bot .list .textboa {
		width: calc(100% - 100px);
		margin-left: 20px;
		padding-top: 6px
	}
}

@media (max-width:1470px) {
	.buscoop1bot .list {
		padding: 66px 15px 66px 1.2vw
	}

	.buscoop1bot .list .textboa {
		margin-left: 15px
	}
}

@media (max-width:1440px) {
	.talentdevel1box {
		height: 450px
	}

	.talentdevel1list .textbox .title {
		margin-top: 50px
	}

	.talentdevel1list .textbox {
		margin-top: -82px
	}

	.talentdevel1list {
		height: 450px
	}

	.buscoop1bot .list {
		padding: 40px 15px 40px 1vw
	}

	.buscoop1bot .list .icon {
		width: 60px
	}

	.buscoop1bot .list .textboa {
		width: calc(100% - 75px);
		margin-left: 15px;
		padding-top: 6px
	}

	.buscoop1top .list .top .name {
		font-size: 20px
	}

	.buscoop1top .list .text {
		font-size: 16px
	}

	.talentdevel2list .textbox .title {
		font-size: 22px
	}

	.talentdevel3list .textbox .title {
		font-size: 20px
	}
}

@media (max-width:1190px) {
	.buscoop1bot .list .icon {
		width: 50px
	}

	.buscoop1bot .list .textboa {
		width: calc(100% - 60px);
		margin-left: 10px;
		padding-top: 6px
	}

	.buscoop1bot .list .textboa .name {
		font-size: 16px
	}

	.buscoop1bot .list .textboa .text {
		font-size: 14px
	}
}

@media (max-width:1024px) {

	.talentdevel1,
	.talentdevel2,
	.talentdevel3,
	.recruit,
	.buscoop1 {
		padding: 50px 0
	}

	.talentdevel1box {
		height: 200px;
		margin-top: 25px
	}

	.talentdevel1list {
		height: 200px
	}

	.talentdevel1list .textbox {
		margin-top: -33px
	}

	.talentdevel1list .textbox .icon {
		width: 32px
	}

	.talentdevel1list .textbox .title {
		padding: 0 5px;
		margin-top: 15px;
		font-size: 14px
	}

	.talentdevel2box,
	.talentdevel3box {
		margin-top: 25px
	}

	.talentdevel2list {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px
	}

	.talentdevel2list:nth-last-of-type(1) {
		margin-bottom: 0
	}

	.talentdevel2list .textbox {
		bottom: 30px;
		padding: 0 20px
	}

	.talentdevel2list .textbox .title {
		font-size: 20px
	}

	.talentdevel2list .textbox .line {
		width: 30px
	}

	.talentdevel2list.cur .textbox .text,
	.talentdevel3list.cur .textbox .text {
		max-height: none !important;
		margin-top: 20px
	}

	.talentdevel3list:nth-of-type(1) {
		width: 100%
	}

	.talentdevel3list {
		width: 100%;
		padding: 50px 0;
		height: auto
	}

	.talentdevel3list .textbox {
		position: static;
		margin-top: 0
	}

	.talentdevel3list.cur .textbox {
		margin-top: 0 !important
	}

	.talentdevel3list .textbox .icon {
		width: 40px
	}

	.talentdevel3list .textbox .title {
		font-size: 20px;
		margin-top: 15px
	}

	.talentdevel3list .textbox .text {
		margin-top: 5px;
		padding: 0
	}

	.talentdevel3list .textbox .text .box {
		line-height: 1.6;
		padding: 0 20px;
		text-align: justify;
		text-align-last: justify;
	}

	.recruittop .title {
		font-size: 22px;
		line-height: 32px
	}

	.recruitsearch {
		width: 100%;
		height: 40px;
		margin-top: 15px
	}

	.recruitsearch .input input {
		height: 38px
	}

	.recruitsearch .btn {
		line-height: 38px
	}

	.recruititemstop {
		height: auto;
		margin-top: 35px;
		padding-left: 10px
	}

	.recruititemstop .list {
		height: auto;
		line-height: 60px;
		font-size: 14px
	}

	.recruititemstop .list:nth-of-type(4),
	.recruititemtop .list:nth-of-type(4) {
		width: 70px
	}

	.recruititemstop .list:nth-of-type(2),
	.recruititemstop .list:nth-of-type(3),
	.recruititemtop .list:nth-of-type(2),
	.recruititemtop .list:nth-of-type(3) {
		width: 66px
	}

	.recruititemstop .list:nth-of-type(1),
	.recruititemtop .list:nth-of-type(1) {
		width: calc(100% - 226px)
	}

	.recruititemtop {
		padding-left: 10px;
		min-height: 58px;
		height: auto
	}

	.recruititemtop .list {
		height: auto;
		line-height: 60px;
		font-size: 12px
	}

	.recruititemtop .rightmore {
		height: 100%;
		right: 0;
		background-size: 10px auto
	}

	.recruititemtop.cur .rightmore {
		background-size: 14px auto
	}

	.recruititembot {
		padding: 25px 15px
	}

	.recruititembot .top .list {
		width: 100%;
		margin-bottom: 15px
	}

	.recruititembot .text {
		margin-top: 8px;
		line-height: 1.5
	}

	.recruititembot .bot {
		margin-top: 20px
	}

	.recruititembot .bot .list:nth-of-type(1) {
		width: 100%;
		margin-bottom: 15px;
		float: none
	}

	.recruititembot .bot .list:nth-of-type(2) {
		width: 100%;
		float: none
	}

	.recruititembot .bot .btn {
		width: 180px !important;
		font-size: 12px;
		height: 38px;
		line-height: 38px;
		float: none;
		margin: 15px auto 0;
		margin-bottom: 0
	}

	.recruitmore {
		margin: 25px auto 0;
		width: 144px;
		padding-left: 46px;
		height: 38px;
		line-height: 36px;
		background-position: left 25px center
	}

	.recruitmore.cur {
		padding-left: 61px
	}

	.buscoop1top .list {
		width: 100%;
		margin-right: 0;
		height: 160px;
		margin-bottom: 20px;
		padding: 48px 25px
	}

	.buscoop1top .list .top .icon {
		line-height: 22px;
		height: 22px
	}

	.buscoop1top .list .top .icon img {
		height: 18px
	}

	.buscoop1top .list .top .name {
		font-size: 18px;
		line-height: 22px
	}

	.buscoop1top .list .text {
		font-size: 15px
	}

	.buscoop1bot .list {
		width: 100%;
		margin-right: 0;
		padding: 25px 15px;
		margin-bottom: 20px
	}

	.buscoop1bot .list .icon {
		width: 46px
	}

	.buscoop1bot .list .textboa {
		width: calc(100% - 61px);
		margin-left: 15px;
		padding-top: 2px
	}

	.buscoop1bot .list .textboa .name {
		font-size: 16px
	}

	.buscoop1bot .list .textboa .text {
		font-size: 14px;
		margin-top: 5px
	}

	.buscoopmap {
		height: 350px
	}

	.buscoop1top {
		margin-top: 25px
	}
}

@media (max-width:400px) {
	.recruititemtop .list {
		line-height: 24px;
		padding: 5px 0
	}

	.recruititemtop .list:nth-of-type(1) {
		padding-right: 5px
	}
}

.indscreen {
	padding: 60px 0 32px
}

.indscreenlist {
	margin-bottom: 15px
}

.indscreenlist:nth-last-of-type(1) {
	margin-bottom: 0
}

.indscreenlist .name {
	width: 100px;
	font-size: 15px;
	line-height: 1;
	font-weight: bold;
	margin-right: 20px;
	position: relative;
	text-align: justify;
	text-align-last: justify
}

.indscreenlist .name:after {
	content: "：";
	position: absolute;
	top: 0;
	right: -14px;
	font-size: 15px;
	font-weight: bold
}

.indscreenlist .box {
	width: calc(100% - 85px);
	padding-top: 20px;
}

.indscreenlist .item {
	cursor: pointer;
	margin-right: 22px;
	margin-bottom: 6px
}

.indscreenlist .item .yuan {
	width: 14px;
	height: 14px;
	border-radius: 14px;
	border: 1px solid #c1c1c1;
	position: relative
}

.indscreenlist .item .yuan:after {
	content: "";
	width: 8px;
	height: 8px;
	background-color: #0d6fb8;
	border-radius: 8px;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -4px;
	margin-left: -4px;
	transform: scale3d(0, 0, 0);
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	transition: 0.5s ease-in-out 0s;
	-webkit-transition: 0.5s ease-in-out 0s;
	-moz-transition: 0.5s ease-in-out 0s
}

.indscreenlist .item.cur .yuan {
	border-color: #0d6fb8
}

.indscreenlist .item.cur .yuan:after {
	background-color: #0d6fb8;
	opacity: 1;
	transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1)
}

.indscreenlist .item .text {
	color: #666;
	font-size: 15px;
	line-height: 1;
	margin-left: 5px
}

.industryitem {
	background-color: #f4f4f4;
	padding: 34px 38px;
	margin-bottom: 20px;
	display: block
}

.industryitem .type {
	max-width: 40px;
	color: #d4d4d4;
	line-height: 22px;
	font-family: Arial;
	font-size: 16px
}

.industryitem .name {
	width: calc(100% - 188px);
	color: #666;
	margin: 0 40px;
	font-weight: bold;
	line-height: 22px
}

.industryitem .see {
	padding-left: 35px;
	color: #c4c4c4;
	line-height: 22px;
	background-image: url(../image/indsee.png);
	background-repeat: no-repeat;
	background-position: left center
}

.industryitem:hover {
	background-color: #0d6fb8
}

.industryitem:hover .type {
	color: #62a7da
}

.industryitem:hover .name {
	color: #fff
}

.industryitem:hover .see {
	color: #fff;
	background-image: url(../image/indsee_cur.png)
}

.indesutrytan {
	padding-bottom: 120px
}

.indesutrytan .pager {
	margin-top: 70px
}

.proana .newsitems {
	margin-top: 42px
}

@media (max-width:1440px) {}

@media (max-width:1024px) {
	.indscreen {
		padding: 30px 0
	}

	.industryitem {
		padding: 25px 15px;
		margin-bottom: 15px
	}

	.industryitem .name {
		width: calc(100% - 125px);
		margin: 0 15px
	}

	.industryitem .see {
		background-size: 20px auto;
		padding-left: 25px
	}

	.indesutrytan .wappager {
		margin-top: 50px
	}

	.indesutrytan {
		padding-bottom: 50px
	}

	.newsitem .img img {
		width: 100%
	}

	.proana .newsitems {
		margin-top: 25px
	}

	.indscreenlist {
		margin-bottom: 0
	}

	.indscreenlist .name {
		width: 100%;
		text-align-last: left;
		text-align: left;
		font-size: 16px;
		font-weight: normal;
		border-bottom: 1px solid #ccc;
		height: 41px;
		line-height: 40px;
		margin-right: 0
	}

	.indscreenlist .name:before {
		content: "";
		width: 7px;
		height: 4px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -2px;
		background-image: url(https://www.jfopt.com/img/litdown.png);
		background-repeat: no-repeat;
		background-position: center center
	}

	.indscreenlist .name.cur:before {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg)
	}

	.indscreenlist .name:after,
	.indscreenlist .item .yuan {
		display: none
	}

	.indscreenlist .box {
		width: 100%;
		padding: 10px 5px;
		display: none
	}

	.indscreenlist .item {
		width: 100%
	}

	.indscreenlist .item .text {
		width: 100%;
		height: 36px;
		line-height: 36px;
		margin-left: 0;
		text-align: center;
		font-size: 14px
	}
}

.solution1 {
	padding: 90px 0 126px
}

.solution1top .text {
	margin-top: 18px;
	color: #666;
	font-size: 16px;
	text-align: center;
	line-height: 1.5
}

.solution1img {
	margin-top: 75px
}

.solution2 {
	background-image: url(../image/sol2bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto
}

.sol2nav {
	border-bottom: 1px solid #e8e8e8;
	padding: 28px 0
}

.sol2nav .wrap {
	text-align: center
}

.sol2navlist {
	display: inline-block;
	margin: 0 14px;
	color: #666;
	font-size: 16px;
	line-height: 32px;
	position: relative;
	cursor: pointer
}

.sol2navlist:after {
	content: "";
	width: 0px;
	height: 2px;
	background-color: #0d6fb8;
	position: Absolute;
	bottom: -27px;
	left: 0;
	transition: 0.5s ease-in-out 0s;
	-webkit-transition: 0.5s ease-in-out 0s;
	-moz-transition: 0.5s ease-in-out 0s;
	cursor: pointer
}

.sol2navlist.cur,
.sol2navlist:hover {
	color: #0d6fb8;
	font-weight: bold
}

.sol2navlist.cur:after,
.sol2navlist:hover:after {
	width: 100%
}

.sol2box {
	border-bottom: 1px solid #e7e7e7
}

.sol2list {
	display: none;
	padding: 85px 0 0
}

.sol2list.cur {
	display: block
}

.sol2list .content {
	margin-top: 16px;
	padding-bottom: 78px
}

.soldown {
	width: 60px;
	height: 60px;
	margin: 0 auto -30px;
	position: relative;
	z-index: 3
}

.sol2title {
	font-size: 26px;
	text-align: center
}

.sol3 {
	padding: 82px 0 120px;
	border-top: 1px solid #e7e7e7
}

.sol3 .wrap {
	position: relative
}

.sol3 .swiper-container {
	padding: 32px 0 50px
}

.sol3 .box {
	display: block;
	border: 1px solid #e7e7e7;
	padding: 0 20px 40px
}

.sol3 .box .textbox {
	margin-top: 12px
}

.sol3 .box .textbox .title {
	color: #010101;
	font-size: 16px;
	text-align: center;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.sol3 .swiper-button-next,
.sol3 .swiper-button-prev {
	width: 56px;
	height: 56px;
	background-size: 100%;
	margin-top: -28px;
	opacity: 1
}

.sol3 .swiper-button-next {
	background-image: url(../image/sol3right.png);
	right: calc(-2.083vw + -56px)
}

.sol3 .swiper-button-prev {
	background-image: url(../image/sol3left.png);
	left: calc(-2.083vw + -56px)
}

.sol3 .swiper-button-prev.swiper-button-disabled {
	opacity: 0.3
}

.sol3 .swiper-button-next.swiper-button-disabled {
	opacity: 0.3
}

@media (min-width:1024px) {
	.sol3 .swiper-button-next:hover {
		background-image: url(../image/sol3right_cur.png)
	}

	.sol3 .swiper-button-prev:hover {
		background-image: url(../image/sol3left_cur.png)
	}
}

.sol3 .swiper-pagination {
	bottom: 0
}

.sol3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	background-color: #7a8191;
	opacity: 1;
	border-radius: 8px
}

.sol3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
	width: 28px;
	background-color: #0d6fb8
}

.sol3 .img {
	text-align: center
}

.sol3 .img img {
	display: inline-block
}

.sol3 .box:hover {
	border-color: #fff;
	box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.12)
}

.sol3 .box:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05)
}

.sol3 .box:hover .title {
	color: #0d6fb8;
	font-weight: bold
}

.profloor {
	position: fixed;
	top: 50%;
	z-index: 20;
	opacity: 1;
	left: 0;
	transition: 1s ease-in-out 0s;
	-webkit-transition: 1s ease-in-out 0s;
	-moz-transition: 1s ease-in-out 0s
}

/* .profloor.cur{left:0;opacity:1} */
.profllist {
	margin-bottom: 1px;
	cursor: pointer;
	position: relative
}

.profllist .num {
	width: 44px;
	height: 44px;
	color: #fff;
	background-color: #7a8191;
	text-align: center;
	font-size: 16px;
	line-height: 44px
}

.profllist .name {
	height: 44px;
	line-height: 44px;
	color: #fff;
	padding: 0 14px;
	position: absolute;
	left: -100px;
	white-space: nowrap;
	top: 0;
	z-index: -1;
	opacity: 0;
	visibility: hidden
}

.profllist.cur .name {
	z-index: 21;
	opacity: 1;
	visibility: visible;
	left: 44px
}

.proscrolltop {
	cursor: pointer
}

.proban .swiper-container {
	width: 100%
}

.proban .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 40px
}

.proban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	width: 60px;
	height: 3px;
	border-radius: 0;
	position: relative;
	background-color: rgba(255, 255, 255, 0.5);
	margin: 0 8px;
	opacity: 1
}

.proban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after {
	content: "";
	width: 0px;
	height: 3px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0
}

.proban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:after {
	width: 100%;
}

.proban .textbox {
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: -37.5vw;
	z-index: 3;
	opacity: 0
}

.proban .textbox.cur {
	top: 44px;
	opacity: 1
}

.proban .textbox .title {
	text-align: center;
	color: #fff;
	font-size: 42px;
	font-family: Arial;
	font-weight: bold
}

.proban .textbox .text {
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-family: Arial
}

.proban .textbox .btn {
	width: 160px;
	height: 50px;
	display: block;
	margin: 50px auto 0;
	border-radius: 50px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 48px;
	color: #fff
}

.probox {
	padding: 60px 0 120px;
	background-color: #f5f5f5
}

.prolist {
	margin-bottom: 70px
}

.prolist:nth-last-of-type(1) {
	margin-bottom: 0
}

.prolisttop .left .num {
	height: 24px;
	padding: 0 4px;
	color: #fff;
	line-height: 24px;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial
}

.prolisttop .left .title {
	font-size: 24px;
	line-height: 1;
	margin-left: 10px;
	font-weight: bold
}

.prolisttop .more {
	display: block
}

.prolisttop .more .text {
	color: #666;
	margin-right: 10px;
	line-height: 22px
}

.prolisttop .more .icon {
	width: 22px;
	height: 22px;
	;
	line-height: 22px;
	text-align: center;
	background-color: #ccc;
	border-radius: 22px
}

.prolisttop .more .icon img {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 3px
}

.prolisttop .more:hover .icon {
	background-color: #0d6fb8
}

.prolistbot {
	margin-top: 30px
}

.prolistbot .bigpro {
	height: 400px;
	position: relative;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.prolistbot .bigpro .textbox {
	max-width: 50%;
	position: absolute;
	top: 50%;
	left: 9%;
	margin-top: -101px
}

.prolistbot .bigpro .textbox .title {
	color: #fff;
	font-size: 34px;
	font-family: Arial;
	line-height: 56px;
	height: 56px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.prolistbot .bigpro .textbox .text {
	color: rgba(255, 255, 255, 0.6);
	margin: 18px 0 36px;
	font-size: 18px;
	font-family: Arial;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.prolistbot .bigpro .textbox .btn {
	width: 140px;
	height: 44px;
	border-radius: 44px;
	border: 1px solid rgba(255, 255, 255, 0.7);
	display: block;
	text-align: center;
	line-height: 42px;
	color: #fff;
	font-family: Arial
}

.prolistbot .bigpro .textbox .btn:hover {
	background-color: #0d6fb8;
	color: #fff;
	border-color: #0d6fb8
}

.proitems {
	position: relative
}

.proitem {
	width: 24.375%;
	margin-right: 0.8333%;
	display: block;
	background-color: #fff;
	margin-bottom: 10px
}

.proitem:nth-of-type(4n) {
	margin-right: 0
}

.proitem:hover {
	box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.12)
}

.proitem .textbox {
	padding: 14px 15px 37px
}

.proitem .textbox .title {
	color: #010101;
	text-align: center;
	font-size: 16px;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.proitem .textbox .text {
	color: #999;
	text-align: center;
	margin-top: 10px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.proitem:hover .textbox .title {
	color: #0d6fb8;
	font-weight: bold
}

.proitem:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05)
}

.prob {
	padding: 50px 0 118px;
	background-color: #f5f5f5
}

.probtop .left {
	border-left: 4px solid #0d6fb8;
	padding-left: 20px
}

.probtop .left .title {
	color: #000;
	font-size: 34px;
	line-height: 34px;
	margin-right: 16px
}

.probtop .left .numtext {
	color: #999;
	line-height: 34px
}

.recruitsearch {
	background-color: #fff
}

.prob .proitems {
	margin-top: 30px
}

.probpagers {
	text-align: center
}

.probpagers .list {
	width: 48px;
	height: 48px;
	border-radius: 48px;
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	color: #666;
	line-height: 48px;
	margin: 0 8px
}

.probpagers .list.text {
	width: auto;
	background-color: transparent
}

.probpagers a.list:hover,
.probpagers a.list.cur {
	background-color: #0d6fb8;
	color: #fff
}

.probpagers .list.prev,
.probpagers .list.next {
	font-family: 宋体, 'SimSun'
}

.prob .probpagers {
	margin-top: 60px
}

@media (max-width:1620px) {
	.proban .textbox {
		margin-left: -41vw
	}

	.sol3 .swiper-button-next,
	.sol3 .swiper-button-prev {
		width: 46px;
		height: 46px
	}

	.sol3 .swiper-button-next {
		right: calc(-1.2vw + -46px)
	}

	.sol3 .swiper-button-prev {
		left: calc(-1.2vw + -46px)
	}

	.prolistbot .bigpro .textbox .title {
		font-size: 30px
	}
}

@media (max-width:1440px) {
	.proban .textbox {
		margin-left: -44vw
	}

	.sol3 .swiper-button-next,
	.sol3 .swiper-button-prev {
		width: 38px;
		height: 38px
	}

	.sol3 .swiper-button-next {
		right: -48px
	}

	/*.sol3 .swiper-button-prev{left:-1.2vw}*/
	.sol3 .swiper-button-prev {
		left: calc(-1.2vw + -32px);
	}

	.sol2list {
		padding: 65px 0 0
	}

	.sol3 {
		padding: 56px 0 80px
	}

	.proban .textbox .title {
		font-size: 34px
	}

	.proban .textbox .text {
		font-size: 20px
	}

	.sol2title {
		font-size: 22px
	}

	.prolistbot .bigpro .textbox .title {
		font-size: 26px
	}

}

@media (max-width:1280px) {
	.proban .textbox {
		margin-left: -46vw
	}

	.sol3 .swiper-button-next {
		right: calc(-0.5vw + -40px)
	}

	.sol3 .swiper-button-prev {
		left: calc(-0.5vw + -40px)
	}

	.sol3 .swiper-button-next,
	.sol3 .swiper-button-prev {
		width: 40px;
		height: 40px
	}
}

@media (max-width:1024px) {
	.proban .textbox {
		left: 0;
		margin-left: 0;
		padding: 0 15px
	}

	.solution1,
	.probox {
		padding: 50px 0
	}

	.solution1top .text {
		font-size: 14px;
		margin-top: 12px
	}

	.solution1img {
		margin-top: 30px
	}

	.sol2nav {
		padding: 15px 0
	}

	.sol2navlist {
		font-size: 14px
	}

	.sol2navlist:after {
		bottom: 0
	}

	.sol2list {
		padding: 35px 0 0
	}

	.sol3 {
		padding: 25px 0 50px
	}

	.sol3 .swiper-button-next {
		right: 0px;
		cursor: none
	}

	.sol3 .swiper-button-prev {
		left: 0px;
		cursor: none
	}

	.sol3 .box {
		padding: 15px 10px 25px
	}

	.sol2title {
		font-size: 18px
	}

	.prolisttop .left .num {
		font-size: 14px;
		height: 20px;
		line-height: 20px
	}

	.prolisttop .left .title {
		font-size: 18px;
		line-height: 20px
	}

	.prolisttop .more .text {
		line-height: 20px
	}

	.prolisttop .more .icon {
		width: 20px;
		height: 20px;
		line-height: 20px
	}

	.prolistbot .bigpro {
		height: 200px
	}

	.prolistbot .bigpro .textbox {
		max-width: 70%;
		left: 32px;
		margin-top: -53px
	}

	.prolistbot .bigpro .textbox .title {
		font-size: 22px;
		line-height: 28px;
		height: 28px
	}

	.prolistbot .bigpro .textbox .text {
		font-size: 14px;
		height: 19px;
		line-height: 19px;
		margin: 5px 0 20px;
		display: none
	}

	.prolistbot .bigpro .textbox .btn {
		width: 96px;
		height: 34px;
		line-height: 32px;
		margin-top: 20px
	}

	.proitem {
		width: 49%;
		margin-right: 2%
	}

	.proitem:nth-of-type(2n) {
		margin-right: 0
	}

	.proitem .textbox {
		padding: 8px 5px 15px
	}

	.proitem .textbox .title {
		font-size: 15px;
		height: 20px;
		line-height: 20px
	}

	.proitem .textbox .text {
		font-size: 12px;
		height: 18px;
		line-height: 18px;
		margin-top: 6px
	}

	.prolist {
		margin-bottom: 35px
	}

	.prolistbot {
		margin-top: 20px
	}

	.probpagers {
		display: none
	}

	.prob {
		padding: 50px 0
	}

	.prob .wappager {
		margin-top: 40px
	}

	.probtop .left {
		padding-left: 10px
	}

	.probtop .left .title {
		font-size: 24px;
		height: 28px;
		line-height: 28px
	}

	.probtop .left .numtext {
		line-height: 28px
	}

	.profloor {
		display: none
	}

	.proban .swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 5px
	}

	.proban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 30px;
		height: 2px
	}

	.proban .textbox .title {
		font-size: 16px;
		line-height: 1
	}

	.proban .textbox .text {
		font-size: 12px;
		display: none
	}

	.proban .textbox .btn {
		width: 78px;
		height: 26px;
		line-height: 24px;
		margin: 10px auto 0;
		font-size: 12px
	}

	.proban .textbox.cur {
		top: 10px
	}

	.proban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after {
		height: 2px
	}

	.sol2list .content {
		padding-bottom: 30px
	}

	.soldown {
		width: 40px;
		height: 40px;
		margin: 0 auto -20px
	}

	.sol3 .swiper-container {
		padding: 20px 0 40px
	}

	.sol3 .wrap {
		padding: 0 50px
	}
}

.prodetail1 {
	padding: 108px 0 0
}

.prod1left {
	width: 50%;
	overflow: hidden;
	position: relative
}

.prod1left .imglist {
	position: absolute;
	opacity: 0;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%)
}

.prod1left .imglist.cur {
	position: static;
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0)
}

.prod1left .imglist video {
	width: 100%;
	height: 100%;
	object-fit: fill;
	object-position: center center
}

.prod1right {
	width: 50%;
	padding-top: 30px;
	padding-left: 12.395vw
}

.prod1right .top .title {
	color: #000;
	font-size: 30px;
	font-weight: bold;
	line-height: 40px
}

.prod1right .top .type {
	color: #999;
	margin: 10px 0;
	font-size: 18px
}

.prod1right .top .model {
	color: #999;
	font-size: 18px
}

.prod1slide {
	margin: 40px 0 30px;
	padding: 40px 114px 40px 30px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb
}

.prod1slide .box {
	position: relative
}

.prod1slide .swiper-button-next,
.prod1slide .swiper-button-prev {
	width: 11px;
	height: 20px;
	background-size: 100% 100%;
	opacity: 1;
	margin-top: -10px
}

.prod1slide .swiper-button-next {
	background-image: url(../image/pro1right.png);
	right: -30px
}

.prod1slide .swiper-button-next.cur {
	background-image: url(https://www.jfopt.com/img/pro1right_cur.png)
}

.prod1slide .swiper-button-prev {
	background-image: url(../image/pro1left.png);
	left: -30px
}

.prod1slide .swiper-button-prev.cur {
	background-image: url(https://www.jfopt.com/img/pro1left_cur.png)
}

.prod1slide .swiper-slide {
	cursor: pointer
}

.prod1slide .swiper-slide .img {
	border: 1px solid #ebebeb
}

.prod1slide .swiper-slide.cur .img {
	border-color: #0d6fb8
}

.prod1share .icon {
	height: 36px;
	line-height: 36px
}

.prod1share .icon img {
	display: inline-block
}

.prod1share .text {
	margin: 0 2px 0 8px;
	color: #999;
	line-height: 36px
}

.prod1sharelist {
	width: 36px;
	height: 36px;
	background-color: #ccc;
	cursor: pointer;
	border-radius: 36px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center center
}

/* .prod1sharelist:hover{background-color:#0d6fb8} */
.prod1sharelist[data-int]:hover {
	background-color: #0c5da2
}

.prod1sharelist[data-wb]:hover {
	background-color: #f19613
}

.prod1sharelist[data-qq]:hover {
	background-color: #12b7f5
}

.prod1sharelist[data-wx]:hover {
	background-color: #2eaf0c
}

.prod1sharelist[data-wb] {
	background-image: url(../image/ndwb.png)
}

.prod1sharelist[data-wx] {
	background-image: url(../image/ndwx.png)
}

.prod1sharelist[data-qq] {
	background-image: url(../image/ndqq.png)
}

.prod1sharelist[data-int] {
	background-image: url(../image/ndint.png)
}

.prod1sharelist[data-lj] {
	background-image: url(../image/ndlj.png)
}

.prod1right .buybtn {
	width: 176px;
	height: 56px;
	display: block;
	background-color: #0d6fb8;
	color: #fff;
	border-radius: 56px;
	font-size: 16px;
	text-align: center;
	line-height: 56px;
	font-weight: bold;
	margin-top: 50px
}

.prod1right .buybtn:hover {
	box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.06);
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px)
}

.prodnav {
	border-top: 1px solid #ebebeb;
	background-color: #fff;
	z-index: 10
}

.prodnav.cur {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	box-shadow: 0px 6px 26px 0px rgba(0, 0, 0, 0.06);
}

.prodnavbox {
	text-align: center
}

.prodnavbox .prodnavlist {
	display: inline-block;
	cursor: pointer;
	height: 100px;
	line-height: 100px;
	margin: 0 37px;
	color: #666;
	font-size: 16px;
	position: relative
}

.prodnavbox .prodnavlist:after {
	content: "";
	width: 0px;
	height: 2px;
	background-color: #0d6fb8;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 0.5s ease-in-out 0s;
	-webkit-transition: 0.5s ease-in-out 0s;
	-moz-transition: 0.5s ease-in-out 0s
}

.prodnavbox .prodnavlist.cur,
.prodnavbox .prodnavlist:hover {
	color: #0d6fb8
}

.prodnavbox .prodnavlist.cur:after,
.prodnavbox .prodnavlist:hover:after {
	width: 100%
}

.prodbot {
	padding: 30px 0 120px;
	background-color: #f5f5f5
}

.prodbotone {
	padding: 92px 100px 118px;
	background-color: #fff
}

.prodbot1 {
	padding-bottom: 100px;
	border-bottom: 1px solid #ebebeb
}

.prodbot1 .img {
	width: 50%;
	margin-top: 4px
}

.prodbot1 .img:hover img,
.prodbot2 .item:hover .img img,
.prodbot3 .item .img:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05)
}

.prodbot1 .textbox {
	width: 50%;
	padding-right: 5.9375vw
}

.prodbottitle {
	font-size: 30px;
	line-height: 38px
}

.prodbot1 .text {
	color: #666;
	font-size: 16px;
	margin-top: 30px;
	line-height: 1.875
}

.prodbot2 {
	padding: 95px 0;
	border-bottom: 1px solid #ebebeb
}

.prodbot2 .items {
	margin-top: 42px
}

.prodbot2 .item {
	width: 32.25%;
	margin-right: 1.625%
}

.prodbot2 .item .textbox {
	margin-top: 44px
}

.prodbot2 .item .textbox .title {
	color: #0d6fb8;
	font-size: 24px
}

.prodbot2 .item .textbox .text {
	color: #666;
	margin-top: 8px;
	line-height: 1.8
}

.prodbot3 {
	padding: 92px 0 100px;
	border-bottom: 1px solid #ebebeb
}

.prodbot3 .items {
	margin-top: 80px
}

.prodbot3 .item {
	width: 27.41%;
	margin-right: 8.885%
}

.prodbot3 .item img,
.prodbot3 .item .img {
	border-radius: 340px
}

.prodbot3 .item .title {
	font-size: 16px;
	text-align: center;
	margin-top: 22px;
	word-break: break-all
}

.prodbot3 .item:nth-of-type(3),
.prodbot2 .item:nth-of-type(3) {
	margin-right: 0
}

.prodbot4 {
	padding: 90px 0;
	border-bottom: 1px solid #ebebeb
}

.prodbot4box {
	margin-top: 35px
}

.prodbottwo {
	padding-top: 88px
}

.prodbottwobox {
	padding: 80px 100px 60px;
	background-color: #fff;
	margin-top: 32px
}

.prodbottwobox .list {
	width: 50%;
	display: block;
	margin-bottom: 20px
}

.prodbottwobox .list .name {
	width: calc(100% - 85px);
	margin-left: 25px;
	padding-top: 20px;
	color: #666;
	font-size: 16px
}

.prodbotthree {
	padding-top: 96px
}

/* .prodbotthreeslide{margin-top:12px} */
.prodbotthreeslide {
	position: relative;
}

.prodbotthreeslide .swiper-container {
	padding: 30px 0 48px
}

.prodbotthreeslide .box {
	background-color: #fff;
	display: block
}

.prodbotthreeslide .box .textbox {
	padding: 14px 15px 37px
}

.prodbotthreeslide .box .title {
	color: #010101;
	text-align: center;
	font-size: 16px;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.prodbotthreeslide .box .text {
	color: #999;
	text-align: center;
	margin-top: 10px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.prodbotthreeslide .box:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05)
}

.prodbotthreeslide .box:hover .title {
	color: #0d6fb8;
	font-weight: bold
}

.prodbotthreeslide .box:hover {
	box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.12)
}

.prodbotthreeslide .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 0
}

.prodbotthreeslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	background-color: #7a8191
}

.prodbotthreeslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
	width: 28px;
	background-color: #0d6fb8;
	border-radius: 8px
}

.prodbotthreeslide .prev {
	display: block;
	position: absolute;
	width: 56px;
	height: 56px;
	left: -80px;
	top: 50%;
	margin-top: -28px;
	background: url(../image/quacerleft.png) no-repeat;
	z-index: 2;
}

.prodbotthreeslide .next {
	display: block;
	position: absolute;
	width: 56px;
	height: 56px;
	right: -80px;
	top: 50%;
	margin-top: -28px;
	background: url(../image/quaceright.png) no-repeat;
	z-index: 2;
}

.prodbotthreeslide .prev:hover {
	background: url(../image/quacerleft_cur.png) no-repeat;
}

.prodbotthreeslide .next:hover {
	background: url(../image/quaceright_cur.png) no-repeat;
}

@media (max-width:1620px) {
	.prod1slide {
		padding: 30px 84px 30px 30px
	}
}

@media (max-width:1440px) {
	.prod1slide {
		padding: 25px 64px 25px 30px
	}

	.prod1right .top .title,
	.prodbottitle {
		font-size: 24px;
		line-height: 34px
	}

	.prod1right .top .type,
	.prod1right .top .model {
		font-size: 16px
	}

	.prod1right {
		padding-left: 9.395vw
	}

	.prodbot1 .textbox {
		padding-right: 3.5vw
	}

	.prodetail1 {
		padding: 80px 0 0
	}
}

@media (max-width:1024px) {
	.prodetail1 {
		padding: 25px 0 60px
	}

	.prod1left,
	.prod1right {
		width: 100%;
		padding-left: 0
	}

	.prod1right .top .title,
	.prodbottitle {
		font-size: 20px;
		line-height: 30px
	}

	.prod1right .top .type,
	.prod1right .top .model {
		font-size: 14px
	}

	.prod1right .top .type {
		margin: 10px 0 3px
	}

	.prod1slide {
		margin: 25px 0 15px;
		padding: 15px 30px
	}

	.prod1right .buybtn {
		width: 126px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		margin-top: 25px
	}

	.prodnavbox .prodnavlist {
		height: 60px;
		line-height: 60px;
		margin: 0 10px;
		font-size: 14px
	}

	.prodbotone {
		padding: 35px 25px 50px
	}

	.prodbot1 .img {
		width: 100%;
		margin-top: 0
	}

	.prodbot1 .textbox {
		width: 100%;
		padding-right: 0;
		margin-top: 20px
	}

	.prodbot1 .text {
		font-size: 13px;
		line-height: 1.6;
		margin-top: 5px
	}

	.prodbot1 {
		padding-bottom: 30px
	}

	.prodbot2,
	.prodbot3,
	.prodbot4 {
		padding: 30px 0
	}

	.prodbot2 .items,
	.prodbot3 .items,
	.prodbot4box {
		margin-top: 15px
	}

	.prodbot2 .item,
	.prodbot3 .item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px
	}

	.prodbot2 .item:nth-last-of-type(1),
	.prodbot3 .item:nth-last-of-type(1) {
		margin-bottom: 0
	}

	.prodbot2 .item .textbox {
		margin-top: 15px
	}

	.prodbot2 .item .textbox .title {
		font-size: 18px
	}

	.prodbot2 .item .textbox .text {
		margin-top: 4px
	}

	.prodbot3 .item .title {
		font-size: 16px;
		margin-top: 8px
	}

	.prodbot3 .item .img {
		text-align: center
	}

	.prodbot3 .item .img img {
		display: inline-block
	}

	.prodbottwo,
	.prodbotthree {
		padding-top: 40px
	}

	.prodbottwobox {
		padding: 25px 15px;
		margin-top: 15px
	}

	.prodbottwobox .list {
		width: 100%
	}

	.prodbottwobox .list:nth-last-of-type(1) {
		margin-bottom: 0
	}

	.prodbottwobox .list .icon {
		width: 40px
	}

	.prodbottwobox .list .name {
		width: calc(100% - 50px);
		margin-left: 10px;
		padding-top: 0;
		font-size: 14px
	}

	.prodbot {
		padding: 30px 0 50px
	}

	.prodbotthreeslide .swiper-container {
		padding: 15px 0 35px
	}

	.prodbotthreeslide .prev {
		left: 10px;
	}

	.prodbotthreeslide .next {
		right: 10px;
	}
}

.indexa {
	padding: 104px 0 120px;
	background-image: url(../image/indexabg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.indextitlebox .cntitle {
	color: #000;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 42px
}

.indextitlebox .entitle {
	color: #999;
	font-size: 18px;
	font-family: Arial;
	text-align: center;
	line-height: 30px;
	margin-top: 4px
}

.ianav {
	margin: 34px 0 30px;
	position: relative
}

.ianav .swiper-container {
	border-bottom: 1px solid #dcdcdc
}

.ianav .swiper-slide {
	width: 11.1111%;
	padding-bottom: 17px;
	cursor: pointer
}

.ianav .swiper-slide .icon {
	width: 42px;
	height: 42px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%
}

/* .ianav .swiper-slide .icon[data-name="POE监控"]{background-image:url(../img/indexaicon1.png)}
.ianav .swiper-slide.cur .icon[data-name="POE监控"]{background-image:url(../img/indexaicon1_cur.png)}
.ianav .swiper-slide .icon[data-name="WDM"]{background-image:url(../img/indexaicon2.png)}
.ianav .swiper-slide.cur .icon[data-name="WDM"]{background-image:url(../img/indexaicon2_cur.png)}
.ianav .swiper-slide .icon[data-name="核心交换机"]{background-image:url(../img/indexaicon3.png)}
.ianav .swiper-slide.cur .icon[data-name="核心交换机"]{background-image:url(../img/indexaicon3_cur.png)}
.ianav .swiper-slide .icon[data-name="基站射频"]{background-image:url(../img/indexaicon4.png)}
.ianav .swiper-slide.cur .icon[data-name="基站射频"]{background-image:url(../img/indexaicon4_cur.png)}
.ianav .swiper-slide .icon[data-name="施工工具"]{background-image:url(../img/indexaicon5.png)}
.ianav .swiper-slide.cur .icon[data-name="施工工具"]{background-image:url(../img/indexaicon5_cur.png)}
.ianav .swiper-slide .icon[data-name="铜缆"]{background-image:url(../img/indexaicon6.png)}
.ianav .swiper-slide.cur .icon[data-name="铜缆"]{background-image:url(../img/indexaicon6_cur.png)}
.ianav .swiper-slide .icon[data-name="网络服务器"]{background-image:url(../img/indexaicon7.png)}
.ianav .swiper-slide.cur .icon[data-name="网络服务器"]{background-image:url(../img/indexaicon7_cur.png)}
.ianav .swiper-slide .icon[data-name="仪器设备"]{background-image:url(../img/indexaicon8.png)}
.ianav .swiper-slide.cur .icon[data-name="仪器设备"]{background-image:url(../img/indexaicon8_cur.png)}
.ianav .swiper-slide .icon[data-name="智能网关"]{background-image:url(../img/indexaicon9.png)}
.ianav .swiper-slide.cur .icon[data-name="智能网关"]{background-image:url(../img/indexaicon9_cur.png)} */
.ianav .swiper-slide .title {
	color: #666;
	font-size: 16px;
	text-align: center;
	margin-top: 12px;
	position: relative
}

/* .ianav .swiper-slide .title:after{content:"";width:0px;height:5px;background-color:#0d6fb8;position:absolute;bottom:-18px;left:50%;margin-left:-61px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} */
.ianav .line {
	width: 122px;
	height: 5px;
	background-color: #0d6fb8;
	position: absolute;
	bottom: 0;
	left: 0
}

.ianav .swiper-slide.cur .title {
	color: #0d6fb8
}

.iabtn {
	width: 150px;
	height: 50px;
	border: 2px solid #0d6fb8;
	margin: 30px auto 0;
	display: block;
	border-radius: 50px;
	text-align: center;
	line-height: 46px;
	color: #0d6fb8
}

.iabtn:hover {
	background-color: #0d6fb8;
	color: #fff;
	border-color: #0d6fb8;
	box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.08)
}

.indexb {
	overflow: hidden;
}

.indexbtoptext {
	width: 51.52%;
	margin: 26px auto 50px;
	color: #666;
	font-size: 16px;
	text-align: center;
	line-height: 1.75
}

.indexblist {
	width: calc((100% - 500px) / 7);
	height: 680px;
	overflow: hidden;
	position: relative
}

.indexblist:nth-of-type(1) {
	width: 500px
}

.indexblist .img img,
.indexblist .img {
	max-width: none
}

.indexblist .ibbg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 40px 40px;
	background-color: rgba(0, 0, 0, 0.55)
}

.indexblist .cntitle {
	color: #fff;
	font-size: 24px;
	margin: 22px 0 4px;
	margin-top: 5px
}

.indexblist .entitle {
	color: rgba(255, 255, 255, 0.5);
	font-family: 'arch'
}

.indexblist .text {
	width: 468px;
	padding-right: 150px;
	opacity: 0;
	margin: 32px 0 28px;
	height: 48px;
	line-height: 22px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.indexblist .btn {
	width: 134px;
	height: 48px;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	line-height: 46px;
	display: block;
	opacity: 0;
	border-radius: 48px
}

.indexblist .btn:hover {
	background-color: #0d6fb8;
	color: #fff;
	border-color: #0d6fb8
}

/* .indexblist:nth-of-type(1) .ibbg, */
.indexblist.cur .ibbg {
	background-color: rgba(0, 0, 0, 0)
}

/* .indexblist:nth-of-type(1) .text, */
.indexblist.cur .text {
	opacity: 1
}

/* .indexblist:nth-of-type(1) .btn,   */
.indexblist.cur .btn {
	opacity: 1
}

.indexbwap {
	display: none;
	padding: 50px 0 20px
}

.indexbwap .indexbtoptext {
	width: 100%;
	font-size: 14px;
	line-height: 1.6;
	margin: 10px 0 15px
}

.indexbwap .swiper-container {
	padding-bottom: 25px
}

.indexbwap .textbox {
	background-color: #fff;
	margin-top: -35px;
	position: relative;
	padding: 35px 40px;
	border-radius: 6px;
	box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.13)
}

.indexbwap .textbox .cntitle {
	font-size: 18px;
	text-align: center;
	font-weight: bold
}

.indexbwap .textbox .entitle {
	color: rgba(102, 102, 102, 0.5);
	text-align: center;
	font-family: 'arch';
	margin: 4px 0 15px
}

.indexbwap .textbox .text {
	color: #666;
	line-height: 20px;
	height: 40px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.indexbwap .textbox .btn {
	width: 120px;
	height: 40px;
	border: 2px solid #0d6fb8;
	border-radius: 40px;
	color: #0d6fb8;
	display: block;
	text-align: center;
	line-height: 36px;
	margin: 30px auto 0
}

.indexbwap .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 276px
}

.indexbwap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	background-color: #fff;
	opacity: 0.8
}

.indexbwap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
	opacity: 1
}

.indexc {
	padding: 0 0 120px
}

.indexc .iabtn {
	display: none
}

.indexctop .indextitlebox .cntitle,
.indexctop .indextitlebox .entitle {
	text-align: left
}

.indexctop .pcpagenavelist a {
	font-size: 18px
}

.indexctop .more {
	width: 160px;
	height: 50px;
	border-radius: 50px;
	border: 2px solid #d2d2d2;
	text-align: center;
	line-height: 46px;
	color: #666;
	margin-top: 16px
}

.indexctop .more:hover {
	background-color: #0d6fb8;
	border-color: #0d6fb8;
	color: #fff
}

.indexcitems {
	margin-top: 54px
}

.indexcitems .swiper-button-prev,
.indexcitems .swiper-button-next {
	width: 56px;
	height: 56px;
	background-size: 100% 100%;
	margin-top: -28px;
	opacity: 1
}

.indexcitems .swiper-button-prev {
	background-image: url(../image/sol3left.png);
	left: -86px
}

.indexcitems .swiper-button-prev:hover {
	background-image: url(../image/sol3left_cur.png)
}

.indexcitems .swiper-button-next {
	background-image: url(../image/sol3right.png);
	right: -86px
}

.indexcitems .swiper-button-next:hover {
	background-image: url(../image/sol3right_cur.png)
}

.indexcitem,
.indexcitemswapbox {
	display: none
}

.indexcitem {
	position: relative
}

.indexcitem.cur {
	display: block
}

.indexcitemswap {
	display: none;
	margin-top: 20px
}

.indexcitemswap.cur {
	display: block
}

.indexcitemswap .item {
	display: block
}

.indexcitemswap .textbox,
.indexcitemswap .item2 {
	padding: 20px 0;
	border-bottom: 1px solid #e9e9e9
}

.indexcitemswap .textbox .date {
	color: #999;
	padding-left: 26px;
	line-height: 16px;
	background-image: url(../image/newstime.png);
	background-repeat: no-repeat;
	background-position: left center
}

.indexcitemswap .textbox .title {
	color: #000;
	margin: 6px 0 12px;
	font-size: 18px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.indexcitemswap .textbox .text {
	color: #666;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.indexcitemswap .item2 .img {
	width: 120px
}

.indexcitemswap .item2 .textbox {
	padding: 0;
	border-bottom: none;
	width: calc(100% - 135px);
	margin-right: 15px
}

.indexcitemswap .item2 .textbox .title {
	height: 48px;
	-webkit-line-clamp: 2;
	margin: 4px 0 0
}

.indexd {
	padding: 126px 0 114px;
	background-image: url(../image/idbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.indexdtoplf {
	width: calc(100% - 900px);
	margin-right: 133px
}

.indexdtoplf .cntitle {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	line-height: 44px
}

.indexdtoplf .entitle {
	color: #fff;
	font-size: 24px;
	font-family: Arial;
	line-height: 32px;
	margin-top: 4px
}

.indexdtoplf .text {
	margin: 30px 0 82px;
	color: #fff;
	line-height: 2.143
}

.indexdtoplf .btn {
	width: 160px;
	height: 50px;
	background-color: #0d6fb8;
	color: #fff;
	display: block;
	text-align: center;
	line-height: 50px;
	border-radius: 50px
}

.indexdtoplf .btn:hover {
	box-shadow: 0px 4px 22px 0px rgba(255, 255, 255, 0.08);
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px)
}

.indexdtoplr {
	position: relative
}

.indexdtoplr .item {
	position: absolute
}

.indexdtoplr .item .yuan {
	width: 26px;
	height: 26px;
	border-radius: 26px;
	background-color: rgba(255, 255, 255, 0.2);
	margin-right: 6px;
	position: relative;
	animation: xuanzhuan 3s linear 0s infinite normal;
	-webkit-animation: xuanzhuan 3s linear 0s infinite normal;
	-moz-animation: xuanzhuan 3s linear 0s infinite normal
}

.indexdtoplr .item .yuan:after {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: 50%;
	margin-left: -4px;
	animation: xuanzhuan 3s linear 0s infinite normal;
	-webkit-animation: xuanzhuan 3s linear 0s infinite normal;
	-moz-animation: xuanzhuan 3s linear 0s infinite normal
}

.indexdtoplr .item .text {
	color: #fff;
	font-size: 16px;
	line-height: 26px
}

.indexdtoplr .item[data-name="United States"] {
	top: 98px;
	left: 124px
}

.indexdtoplr .item[data-name="Brazil"] {
	top: 216px;
	left: 232px
}

.indexdtoplr .item[data-name="Germany"] {
	top: 72px;
	left: 361px
}

.indexdtoplr .item[data-name="South Africa"] {
	top: 260px;
	left: 404px
}

.indexdtoplr .item[data-name="China"] {
	top: 128px;
	right: 115px
}

.indexdtoplr .item[data-name="Malaysia"] {
	top: 198px;
	right: 105px
}

.indexdtoplr .item[data-name="Australia"] {
	top: 254px;
	right: 24px
}

.indexdbot {
	margin-top: 166px
}

.indexdbot .list {
	width: 20%;
	text-align: center
}

.indexdbot .list .top {
	display: inline-block
}

.indexdbot .list .top .numUp,
.indexdbot .list .top .unit {
	color: #f9f9f9;
	font-size: 60px;
	line-height: 64px;
	font-weight: bold;
	font-family: 'din'
}

.indexdbot .list .top .add {
	margin-top: 12px;
	margin-left: 8px
}

.indexdbot .list .text {
	color: #fff
}

.idmapwap {
	display: none
}

@media (max-width:1620px) {
	.indexblist .ibbg {
		padding: 40px 30px
	}

	.indexblist .cntitle {
		font-size: 22px
	}

	.indexcitems .swiper-button-prev,
	.indexcitems .swiper-button-next {
		width: 46px;
		height: 46px
	}

	.indexcitems .swiper-button-prev {
		left: -61px
	}

	.indexcitems .swiper-button-next {
		right: -61px
	}
}

@media (max-width:1440px) {

	.indexcitems .swiper-button-prev,
	.indexcitems .swiper-button-next {
		width: 38px;
		height: 38px
	}

	.indextitlebox .cntitle {
		font-size: 24px;
		line-height: 32px
	}

	.indextitlebox .entitle {
		font-size: 16px;
		line-height: 22px
	}

	.indexblist .cntitle {
		font-size: 18px
	}

	.indexblist .ibbg {
		padding: 40px 20px
	}

	.indexblist {
		width: calc((100% - 428px) / 5);
		height: 680px;
		overflow: hidden;
		position: relative
	}

	.indexblist:nth-of-type(1) {
		width: 428px
	}

	.indexdtoplf {
		width: calc(100% - 830px);
		margin-right: 63px
	}

	.inewsslide .swiper-button-prev,
	.inewsslide .swiper-button-next {
		width: 46px;
		height: 46px;
		margin-top: -23px
	}

	.indexcitems .swiper-button-prev {
		left: -48px
	}

	.indexcitems .swiper-button-next {
		right: -48px
	}

	.indexdtoplf .cntitle {
		font-size: 26px
	}
}

@media (max-width:1280px) {
	.indexblist .cntitle {
		font-size: 16px
	}
}

@media (max-width:1024px) {
	.indextitlebox .cntitle {
		font-size: 22px;
		line-height: 28px
	}

	.indextitlebox .entitle {
		font-size: 16px;
		line-height: 22px;
		margin-top: 2px
	}

	.indexa {
		padding: 50px 0
	}

	.indexabot .proitem:nth-of-type(5),
	.indexabot .proitem:nth-of-type(6),
	.indexabot .proitem:nth-of-type(7),
	.indexabot .proitem:nth-of-type(8) {
		display: none
	}

	.ianav .swiper-slide .icon {
		width: 30px;
		height: 30px
	}

	.ianav .swiper-slide .title {
		font-size: 12px;
		margin-top: 4px
	}

	.indexa .wrap:nth-of-type(1) {
		padding: 0
	}

	.ianav .swiper-slide {
		padding-bottom: 6px;
		width: 20%;
		margin-bottom: 15px
	}

	.ianav .swiper-slide:after {
		content: "";
		width: 100%;
		height: 2px;
		background-color: #0d6fb8;
		position: absolute;
		bottom: 0;
		left: 0;
		opacity: 0
	}

	.ianav .swiper-slide.cur:after {
		opacity: 1
	}

	/* .ianav .swiper-slide .title:after{margin-left:-32px;height:3px;bottom:-13px} */
	.ianav .line {
		width: 64px;
		display: none
	}

	.ianav {
		margin: 20px 0 15px
	}

	.iabtn {
		width: 120px;
		height: 38px;
		line-height: 34px
	}

	.indexb,
	.indexcitems,
	.indexctop .more,
	.indexdtoplr {
		display: none
	}

	.indexbwap,
	.idmapwap,
	.indexcitemswapbox {
		display: block
	}

	.indexc {
		padding: 0 0 40px 0
	}

	.indexc .pcpagenavbox {
		display: block;
		float: left
	}

	.pcpagenavelist a {
		height: 40px;
		line-height: 40px
	}

	.indexd {
		padding: 40px 0 50px;
		background-image: url(../image/idbgwap.jpg)
	}

	.indexdtoplf {
		width: 100%
	}

	.indexdtoplf .cntitle {
		font-size: 22px;
		line-height: 30px;
		text-align: center
	}

	.indexdtoplf .entitle {
		font-size: 14px;
		line-height: 20px;
		text-align: center
	}

	.indexdtoplf .text {
		text-align: center;
		margin: 10px 0 25px;
		line-height: 1.6
	}

	.indexdtoplf .btn {
		width: 120px;
		height: 38px;
		line-height: 38px;
		margin: 0 auto
	}

	.idmapwap {
		margin-top: 25px
	}

	.indexdbot {
		margin-top: 35px
	}

	.indexdbot .list {
		width: 33.3333%;
		text-align: left;
		margin-bottom: 20px
	}

	.indexdbot .list .top .numUp,
	.indexdbot .list .top .unit {
		font-size: 30px;
		line-height: 36px
	}

	.indexdbot .list .top .add {
		width: 10px;
		height: 10px;
		margin-top: 10px
	}

	.indexdbot .list .text {
		font-size: 12px
	}

	.inewsslide .swiper-button-prev,
	.inewsslide .swiper-button-next {
		width: 36px;
		height: 36px;
		margin-top: -18px
	}

	.ianav .swiper-container .swiper-wrapper {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-moz-box-flex: wrap;
		-ms-flex-wrap: wrap
	}

	.indexc .iabtn {
		display: block
	}

	.indexctop .pcpagenavelist a {
		font-size: 12px
	}
}

.BMap_bubble_content {
	text-align: center
}

.BMap_bubble_content img {
	display: inline-block
}

/* 2020.10.24 新增 */
.prodbotbtitlebox .cntitle {
	color: #616776;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1
}

.prodbotbtitlebox .entitle {
	color: #e7e7e7;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	font-family: 'din';
	margin: 10px 0 16px
}

.prodbotbtitlebox .line {
	width: 100%;
	height: 1px;
	background-color: #e3e3e3;
	position: relative
}

.prodbotbtitlebox .line:after {
	content: "";
	width: 120px;
	height: 1px;
	background-color: #0d6fb8;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -60px
}

.prodbotb1 {
	margin-bottom: 92px
}

.prodbotb1 .content {
	margin-top: 42px
}

.prodbotb1 .content p {
	color: #666;
	line-height: 2.143
}

.prodbotb2box {
	margin-top: 60px
}

.prodbotb2list {
	width: 29.83%;
	margin-right: 5.255%;
	margin-bottom: 40px
}

.prodbotb2list:nth-of-type(3n) {
	margin-right: 0
}

.prodbotb2list .title {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	margin-top: 30px
}

.prodbotb2list .text {
	color: #666;
	text-align: center;
	line-height: 1.8;
	margin-top: 10px
}

.prodbotb2list:hover .img img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05)
}

.prodbotb4list:hover .icon img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2)
}

.prodbotb4box {
	margin-top: 80px
}

.prodbotb3,
.prodbotb4 {
	margin-top: 45px
}

.prodbotb4list {
	width: 16.6666%
}

.prodbotb4list .icon {
	width: 58.25%;
	margin: 0 auto
}

.prodbotb4list .title {
	font-weight: bold;
	text-align: center;
	margin-top: 20px
}

.prodbotb5 {
	margin-top: 90px
}

.prodbotb5 .prodbot4box {
	margin-top: 50px
}


@media (max-width:1440px) {
	.prodbotbtitlebox .cntitle {
		font-size: 26px
	}

	.prodbotbtitlebox .entitle {
		font-size: 20px
	}
}

@media (max-width:1024px) {
	.prodbotbtitlebox .cntitle {
		font-size: 18px
	}

	.prodbotbtitlebox .entitle {
		font-size: 15px;
		margin: 3px 0 10px
	}

	.prodbotbtitlebox .line:after {
		width: 60px;
		margin-left: -30px
	}

	.prodbotb1,
	.prodbotb4box {
		margin-bottom: 35px
	}

	.prodbotb1 .content p {
		line-height: 1.8
	}

	.prodbotb1 .content,
	.prodbotb2box,
	.prodbotb4box {
		margin-top: 25px
	}

	.prodbotb2list {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px
	}

	.prodbotb2list .title {
		font-size: 14px;
		margin-top: 8px
	}

	.prodbotb3,
	.prodbotb4 {
		margin-top: 20px
	}

	.prodbotb2list .text {
		line-height: 1.6;
		margin-top: 6px
	}

	.prodbotb4list {
		width: 50%;
		margin-bottom: 25px
	}

	.prodbotb4list .title {
		margin-top: 8px
	}

	.prodbotb5 {
		margin-top: 35px
	}

	.prodbotb5 .prodbot4box {
		margin-top: 25px
	}
}


/*2024.9.2*/
.hjh-table table {
	border: #f0f0f0 solid 1px;
}

.hjh-table table td {
	height: 50px;
	background: #f8f8f8;
	width: 25%;
	font-size: 14px;
	border-right: #f0f0f0 solid 1px;
}

.hjh-table table td:last-child {
	border-right: none;
}

.hjh-table table tr:nth-child(even) td {
	background: #fff;
}

.hjh-table table .txt {
	font-weight: bold;
	color: #000;
	padding: 15px;
}

.hjh-table table .msg {
	padding: 15px;
}

@media (max-width:1024px) {
	.hjh-table {
		overflow: auto;
	}

	.hjh-table .long {
		width: 600px;
	}

	.hjh-table table td {
		height: 40px;
		font-size: 12px;
	}

	.hjh-table table .txt {
		padding: 10px;
	}

	.hjh-table table .msg {
		padding: 10px;
	}

}





/* 手机版适应 */

@media (max-width:768px) {
	.banner h5 img {
		display: block;
		min-height: 400px;
		width: auto !important;
	}

	.banner .div1 {
		display: block !important;
	}

	.banner h3 {
		max-width: 90%;
		font-size: 26px !important;
	}

	.cpzx {
		grid-template-columns: repeat(1, 1fr);
	}

	.cpzx a {
		padding-bottom: 20% !important;
		background: #fff;
	}

	.pj {
		min-height: 300px;
	}

	.pj img {
		max-width: 100%;
		max-height: 100%;
		width: 100% !important;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		margin: auto;
		-webkit-transition: transform 0.4s;
		-moz-transition: transform 0.4s;
		-o-transition: transform 0.4s;
		-ms-transition: transform 0.4s;
		transition: transform 0.4s;
	}


.pj .div1 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	bottom: auto;
}



.footer-t .m-b2 {
	display: none;
}

.footer-t dl h3 {
	margin-bottom: 20px !important;
}

.footer-c {
	display: block !important;
}

.footer {
	padding-top: 40px !important;
	padding-bottom: 70px;
	overflow: hidden;
}

.footer-t dl form {
	flex-direction: column;
}

.footer-c p {
	margin-bottom: 10px;
}


.cpzx2 a {
	padding-bottom: 20% !important;
	background: #fff;
}


.cpzxsdbk a {
	padding-bottom: 0 !important;
}

.xwzx-t {
	flex-direction: column;
}

.prodetail1box {
	flex-direction: column;
}

.prod1right {
	padding: 10px !important;
}

.prodbotone {
	padding: 10px !important;
}

.application a {
	padding-bottom: 0 !important;
	background: #fff;
}

.cpzx a h3 {
	font-size: 26px !important;
}

.technology .xwzx-t:nth-child(2n) {
	flex-direction: column;
}

.xwdt-z {
	padding: 10px;
}

.gywm {
	height: 60vh;
}

.gywm-b {
	width: 90% !important;
	left: 5%;
}

.nygywm-t dl {
	width: 50%;
}

.nygywm-t {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: -100px;
}

.margin {
	margin: 0px auto !important;
}

.gswh-r {
	margin-bottom: 20px !important;
}

.gstd .nybt h3 {
	margin-bottom: 20px !important;
}

.downloadrowlist {
	width: calc((100% - 30px) / 1);
}

.zxly {
	padding: 20px 10px;display: none;
}

.banner h5 .dttp{display: none;}
.banner h5 .xttp{display: block!important;}


}

.banner h5 .xttp{display: none;}