.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
	padding-right:0;
	padding-left:0
}

.product-dt-box .pdt-dt .global-inner{background:#fff}

.global-inner {
	width:92%;
	max-width:1504px;
	margin:0 auto;
	position:relative;
	display:block;
	z-index:5
}
.global-inner:before,.global-inner:after {
	content:'';
	display:table;
	clear:both
}
.table-cell {
	display:table-cell;
	vertical-align:middle
}

@media screen and (max-width:450px) {
	html {
	font-size:13.33333vw
}
}@keyframes bannerImg {
	0% {
	transform:scale(1.2)
}
100% {
	transform:scale(1)
}
}@keyframes bannerImgf {
	0% {
	transform:scale(1)
}
100% {
	transform:scale(1.2)
}
}



.product-box {
	background: #f6f6f7
}

.product-box .product-bd {
	height: 380px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.product-box .pdt-hot {
	padding-top: 3.375em
}

.product-box .pdt-hot .global-inner {
	position: relative;
	background: #005499
}

.product-box .pdt-hot .img-box {
	width: 52.53%
}

.product-box .pdt-hot .img-con {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.product-box .pdt-hot .hot-txt {
	position: absolute;
	width: 47.47%;
	height: 100%;
	top: 0;
	right: 0
}

.product-box .pdt-hot .hot-txt .pdt-doc {
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 10
}

.product-box .pdt-hot .hot-txt .pdt-doc:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5;
	background: #005499
}

.product-box .pdt-hot .hot-txt .pdt-doc a {
	position: absolute;
	top: 17%;
	right: 9%;
	width: 77.8%;
	height: 83%;
	z-index: 10
}

.product-box .pdt-hot .hot-txt .tit {
	color: #fff;
	font-size: 1.25em;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 1.111em
}

.product-box .pdt-hot .hot-txt .det {
	color: #fff;
	font-size: 14px;
	line-height: 1.714;
	opacity: .6;
	filter: alpha(opacity=60);
	height: 8.57em;
	overflow: hidden
}

.product-box .pdt-hot .hot-txt .link {
	margin-top: 1em
}

.product-box .pdt-hot .hot-txt .link {
	color: rgba(255,255,255,.5);
	line-height: 1.625
}

@media screen and (min-width:992px) {
	.product-box .pdt-hot .hot-txt .link:hover {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

.product-box .pdt-hot .hot-txt .line {
	margin-top: 1.25em;
	height: 2px;
	background: rgba(255,255,255,.3);
	position: relative
}

.product-box .pdt-hot .hot-txt .line:before {
	position: absolute;
	content: "";
	width: 0;
	left: 0;
	top: 0;
	height: 2px;
	background: #fff;
	transition: ease .65s
}

.product-box .pdt-hot .hot-txt i {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	float: right;
	font-weight: bold;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media screen and (min-width:992px) {
	.product-box .pdt-hot a:hover i {
		opacity: 1
	}

	.product-box .pdt-hot .hot-txt a:hover .line:before {
		width: 100%
	}
}

.pdt-box {
	margin-top: 1.875em;
	padding-bottom: 3.875em
}

.pdt-box .global-inner {
	background: #fff;
	padding-top: 3.75em
}

.pdt-box .pdt-list {
	overflow: hidden;
	margin: 0 -1.25em
}

.pdt-box .list-con {
	padding: 0 1.25em;
	margin-bottom: 2.5em
}

.pdt-box .list-con .img-box {
	overflow: hidden
}

.pdt-box .list-con .img-box .img-con {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden
}

.pdt-box .list-con .img-box .img-con img {
	transition: ease .65s
}

.pdt-box .list-con .pdt-doc {
	padding: 1.25em 1.875em 2em;
	position: relative;
	z-index: 10;
	background: #0290e3
}

@media screen and (min-width:992px) {
	.pdt-box .list-con a:hover .img-box .img-con .pic {
		transform: scale(1.1,1.1)
	}

	.pdt-box .list-con a:hover .docbg:before {
		background: #0290e3
	}
}

.pdt-box .list-con .docbg:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 15;
	background: #f6f6f6
}

.pdt-box .list-con .pdt-doc .tit {
	color: #005686;
	font-weight: bold;
	font-size: 1.25em;
	line-height: 1.5;
	position: relative;
	z-index: 20
}

.pdt-box .list-con .pdt-doc .det {
	color: #999;
	font-size: 14px;
	line-height: 1.714;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	height: 5.142em;
	margin-top: 1em;
	position: relative;
	z-index: 20
}

.pdt-box .list-con .pdt-doc .link {
	overflow: hidden;
	position: relative;
	z-index: 20;
	margin-top: 1.375em;
	padding-bottom: 5px;
	border-bottom: 1px solid #dedede
}

.pdt-box .list-con .pdt-doc .link:before {
	position: absolute;
	content: "";
	width: 0;
	height: 1px;
	left: 0;
	bottom: 0;
	background: #fff;
	transition: ease .65s
}

.pdt-box .list-con .pdt-doc .link {
	color: #333;
	line-height: 1.625em
}

.pdt-box .list-con .pdt-doc .link i {
	font-size: 14px;
	line-height: 24px;
	float: right;
	font-weight: bold;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff
}

.pdt-box .list-con .doc-ph .tit {
	color: #fff
}

.pdt-box .list-con .doc-ph .det {
	color: #fff;
	opacity: .6;
	filter: alpha(opacity=60)
}

.pdt-box .list-con .doc-ph .link {
	color: #fff
}

@media screen and (min-width:992px) {
	.pdt-box .list-con:hover .pdt-doc {
	}

	.pdt-box .list-con:hover .docbg .tit {
		color: #fff
	}

	.pdt-box .list-con:hover .docbg .det {
		color: #fff;
		opacity: .6;
		filter: alpha(opacity=60)
	}

	.pdt-box .list-con:hover .docbg .link {
		color: #fff
	}

	.pdt-box .list-con:hover .link:before {
		width: 100%
	}

	.pdt-box .list-con:hover .link .add {
		opacity: 1
	}
}

.product-dt-box {
	background: #f6f6f7
}

.product-dt-bd {
	height: 380px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.product-dt-box .inner-bd .bd-bg-con {
	position: relative;
	z-index: 10;
	min-height: 380px;
	overflow: hidden
}

.product-dt-box .inner-bd .bd-bg-con .bd-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -5;
	background-position: left 45% center
}

.product-dt-box .inner-bd .prod-bd {
	float: right;
	width: 50%;
	padding: 50px 0 40px
}

.product-dt-box .inner-bd .prod-bd .bd-txt-con {
	max-width: 625px;
	width: 90%
}

.product-dt-box .prod-bd h5 {
	color: #005499;
	font-size: 2em;
	line-height: 1.625;
	font-weight: bold;
	margin-bottom: 10px
}

.product-dt-box .prod-bd .col-tit {
	color: #333;
	font-size: 16px;
	line-height: 26px
}

.product-dt-box .prod-bd .doc-con {
	overflow: hidden;
	margin-top: 1.825em
}

.product-dt-box .prod-bd .doc-con .column-con {
	float: left;
	width: 68%;
	overflow: hidden
}

@media screen and (max-width:991px) {
	.product-dt-box .prod-bd .doc-con .column-con {
		display: flex;
		flex-wrap: wrap
	}
}

.product-dt-box .prod-bd .doc-con .column-con .column {
	float: left;
	width: 50%
}

.product-dt-box .prod-bd .doc-con .column-con .column:nth-child(2n) {
	padding-left: 15px
}

.product-dt-box .prod-bd .tit {
	color: #00a68a;
	font-size: 16px;
	line-height: 26px;
	font-weight: bold
}

.product-dt-box .prod-bd .det {
	color: #00a68a;
	font-size: 16px;
	line-height: 26px;
	height: 52px
}

.product-dt-box .prod-bd .doc-con .img-box {
	float: left;
	width: 32%;
	padding-left: 10px
}

.product-dt-box .prod-bd .doc-con .img-box img {
	width: 100%;
	max-width: 175px
}

.product-dt-box .prod-bd .doc-con .img-box .pic-tit {
	text-align: center;
	color: #00a68a;
	font-size: 16px;
	line-height: 26px;
	margin-top: 14px
}

.product-dt-box .pdt-dt .global-inner {
	background: #fff
}

.product-dt-box .pdt-dt .global-inner .w1370 {
	overflow: hidden
}

.pdt-dt-con {
	overflow: hidden;
	margin: 0 -3.125em;
	padding: 1em 0 4.0625em;
	display: flex;
	flex-wrap: wrap
}

.pdt-dt-con .pdt-dt-list {
	padding: 0 3.125em
}

.pdt-dt-con .pdt-dt-list .list-con {
	display: table;
	padding: 2.5em 0 1em;
	border-bottom: 1px solid #dedede;
	height: 100%
}

.pdt-dt-con .pdt-dt-list .img-box {
	width: 120px;
	float: left;
	padding: 0 1.875em 0 10px;
	box-sizing: content-box
}

.pdt-dt-con .pdt-dt-list .img-box img {
	width: 100%
}

.pdt-dt-con .pdt-dt-list .table-cell {
	width: 100%;
	vertical-align: top;
	text-align:left;
}

.pdt-dt-con .pdt-dt-list .tit {
	color: #333;
	font-size: 1.125em;
	line-height: 1.556;
	margin: 4px 0 .875em;
	font-weight: bold
}

.pdt-dt-con .pdt-dt-list .det {
	color: #4c4c4c;
	line-height: 1.625em;
	min-height: 6.5em;
	overflow: hidden
}

.pdt-other {
	margin-top: 3.125em;
	padding-bottom: 3.75em
}

.pdt-other h5 {
	background: #005499;
	text-align: center;
	font-size: 1.25em;
	line-height: 4em;
	color: #fff;
	font-weight: bold
}

.pdt-other .pdt-other-list {
	background: #fff;
	padding: 1.875em 0 2.5em
}

.pdt-other .other {
	overflow: hidden;
	margin: 0 -1.25em
}

.pdt-other .other .list-con {
	padding: 0 1.25em;
	margin-bottom: 10px
}

.pdt-other .other .list-con .img-box {
	overflow: hidden
}

.pdt-other .other .list-con .img-con {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all .3s
}

@media screen and (min-width:992px) {
	.pdt-other .other .list-con:hover .img-con {
		transform: scale(1.1)
	}
}

.pdt-other .other .list-con .doc {
	padding: 1.625em 1.875em 1.875em;
	background: #f6f6f6
}

.pdt-other .other .list-con .doc-con {
	position: relative;
	padding-right: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dedede
}

.pdt-other .other .list-con .doc-con:before {
	content: "";
	position: absolute;
	width: 0;
	height: 1px;
	left: 0;
	bottom: 0;
	background: #fff;
	transition: ease .65s
}

.pdt-other .other .list-con .tit {
	color: #005499;
	font-size: 1.125em;
	line-height: 1.556;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.pdt-other .other .list-con .add {
	font-size: 16px;
	line-height: 26px;
	position: absolute;
	right: 0;
	top: 4px;
	color: #fff
}

@media screen and (min-width:992px) {
	.pdt-other .other .list-con a:hover .tit {
		color: #fff
	}

	.pdt-other .other .list-con a:hover .add {
		opacity: 1
	}

	.pdt-other .other .list-con a:hover .doc-con:before {
		width: 100%
	}

	.pdt-other .other .list-con:hover .doc {
		background: #0290e3
	}
}

@media screen and (min-width:992px) {
	.tng-box-first .img-box:hover img {
		width: 100%;
		height: 100%;
		transform: scale(1.2)
	}
}

@keyframes bannerImgs {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(1.2)
	}
}


@media screen and (max-width:1180px) {

	.product-box .pdt-hot .img-box {
		width: 100%
	}

	.product-box .pdt-hot .hot-txt {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		height: auto;
		margin: 0 auto 0
	}

	.product-box .pdt-hot .hot-txt .pdt-doc {
		padding: 2em 0 0
	}

	.product-box .pdt-hot .hot-txt .pdt-doc a {
		position: relative;
		display: block;
		top: auto;
		right: auto;
		width: 92%;
		height: auto;
		margin: 0 auto
	}

	.product-box .pdt-hot .hot-txt .det {
		height: auto
	}

	.product-box .pdt-hot .hot-txt .line {
		opacity: 0
	}
}

@media screen and (max-width:991px) {
	.pdt-box {
		padding-bottom: 0
	}

	.pdt-box .global-inner {
		width: 100%
	}

	.pdt-dt-con .pdt-dt-list .det {
	}

	.pdt-dt-con .pdt-dt-list .img-box {
		width: 90px
	}

	.product-dt-box .pdt-dt .global-inner {
		width: 100%
	}

	.pdt-other {
		padding-bottom: 0
	}

	.pdt-other .global-inner {
		width: 100%
	}

	.pdt-box .list-con a {
		display: block
	}

	.pdt-box .list-con .pdt-doc .det {
		margin-top: .5em
	}

	.pdt-box .list-con .pdt-doc {
		padding: 1.25em
	}

	.pdt-box .list-con .pdt-doc .link {
		margin-top: .5em
	}

	.pdt-box .list-con .pdt-doc .tit {
		color: #fff
	}

	.pdt-box .list-con .pdt-doc .det {
		color: #fff;
		opacity: .6;
		filter: alpha(opacity=60)
	}

	.pdt-box .list-con .pdt-doc .link {
		color: #fff
	}


	.product-box .pdt-hot .hot-txt .pdt-doc:before {
		display: none
	}
}

@media screen and (max-width:767px) {
	.product-dt-box .inner-bd .prod-bd {
		width: 92%;
		margin: 0 auto;
		padding: 20px 0 0;
		float: none;
		display: none
	}

	.product-dt-box .inner-bd .bd-bg-con {
		min-height: 0
	}

	.product-dt-box .prod-bd h5 {
		font-size: 1.75em;
		line-height: 1.357
	}

	.product-dt-box .prod-bd .doc-con .column-con .column {
		width: 100%;
		margin-bottom: 10px
	}

	.product-dt-box .prod-bd .doc-con .column-con .column:nth-child(2n) {
		padding-left: 0
	}

	.product-dt-box .prod-bd .det {
		height: auto
	}

	.aboutLayout .hk-honor .list .column .txt {
		white-space: normal;
		text-overflow: inherit
	}
}

@media screen and (max-width:450px) {
	.product-dt-box .prod-bd h5 {
		font-size: .52rem;
		line-height: .62rem
	}

	.product-dt-box .prod-bd .col-tit {
		font-size: .36rem;
		line-height: .56rem
	}

	.product-dt-box .prod-bd .doc-con {
		margin-top: .46rem
	}

	.inner-title .global-inner {
		padding: .45rem 0 .3rem
	}

	.product-box .pdt-hot {
		padding: .85rem 0 0
	}

	.product-box .pdt-hot .hot-txt {
		padding: 0
	}

	.product-box .pdt-hot .hot-txt .pdt-doc {
		padding: .7rem 0 0
	}

	.product-box .pdt-hot .hot-txt .pdt-doc a {
		display: block;
		width: 92%;
		margin: 0 auto
	}

	.product-box .pdt-hot .hot-txt .tit {
		font-size: .38rem;
		line-height: .58rem;
		margin-bottom: .3rem
	}

	.product-box .pdt-hot .hot-txt .det {
		font-size: .32rem;
		line-height: .58rem
	}

	.product-box .pdt-hot .hot-txt .link {
		margin-top: .4rem;
		font-size: .28rem;
		line-height: .38rem
	}

	.product-box .pdt-hot .hot-txt .line {
		margin-top: .5rem
	}

	.pdt-box {
		margin-top: .7rem
	}

	.pdt-box .global-inner {
		padding-top: .74rem
	}

	.pdt-box .pdt-list {
		overflow: hidden;
		margin: 0
	}

	.pdt-box .list-con {
		padding: 0;
		margin-bottom: .38rem
	}

	.pdt-box .list-con .pdt-doc {
		padding: .25rem
	}

	.pdt-box .list-con .pdt-doc .tit {
		font-size: .38rem;
		line-height: .58rem;
		margin-bottom: .3rem
	}

	.pdt-box .list-con .pdt-doc .det {
		font-size: 14px;
		line-height: 1.714em;
		height: auto
	}

	.pdt-box .list-con .pdt-doc .link {
		font-size: .26rem;
		line-height: .58rem;
		margin-top: .26rem
	}

	.pdt-dt-con {
		margin: 0;
		padding: 0 0 .46rem
	}

	.pdt-other .other {
		margin: 0
	}

	.pdt-dt-con .pdt-dt-list {
		padding: 0
	}

	.pdt-dt-con .pdt-dt-list .list-con {
		padding: .47rem 0
	}

	.pdt-dt-con .pdt-dt-list .img-box {
		width: 1.4rem;
		padding: 0 .4rem 0 0
	}

	.pdt-dt-con .pdt-dt-list .tit {
		font-size: .38rem;
		line-height: .58rem;
		margin: 0
	}

	.pdt-dt-con .pdt-dt-list .det {
		height: auto;
		font-size: .32rem;
		line-height: .58rem;
		margin-top: .2rem;
		min-height: 0;
		text-align: justify
	}

	.pdt-other {
		margin-top: .7rem
	}

	.pdt-other h5 {
		font-size: .46rem;
		line-height: 1.2rem
	}

	.pdt-other .other .list-con {
		padding: 0
	}

	.pdt-other .pdt-other-list {
		padding: .4rem 0 1rem
	}

	.pdt-other .other .list-con .doc {
		padding: .25rem
	}

	.pdt-other .other .list-con .tit {
		font-size: .38rem;
		line-height: .58rem
	}

	.market-box .global-inner {
		padding: .7rem 0 0
	}

}
