@media (max-width: 700px) {
	.header-search__outbox .search-box {
		padding-right: 38px
	}

	.header-search__outbox input {
		height: 35px
	}

	.header-search__outbox .search-btn {
		font-size: 16px;
		margin-top: 1px
	}

	.header-search__cont {
		margin-left: 20px;

		margin-right: 20px
	}
}

.footer-top__content {
	position: relative;
	padding: 100px 0;
	background-color: #0D6BAD
}

.foot-logo {
	width: 172px
}

.foot-logo img {
	width: 100%
}

.foot-address {
	margin-left: 70px
}

.foot-address p {
	font: 14px "Source Han Sans CN","PingFang SC","Microsoft YaHei","STSong","SimSun",Arial,sans-serif;
	line-height: 24px;
	color: #fff
}

.foot-address p:first-child {
	margin-bottom: 26px
}

.foot-address span {
	display: inline-block;
	width: 70px;
	vertical-align: top
}

.foot-subscibe {
	font-size: 0;
	margin-left: 120px;
	max-width: 535px
}

.foot-subscibe .fs-form {
	margin-top: 20px
}

.foot-subscibe p {
	font-size: 14px;
	color: #fff
}

.foot-subscibe .fs-group,.foot-subscibe .fs-btn {
	display: inline-block;
	vertical-align: top
}

.foot-subscibe .fs-group {
	position: relative;
	width: 160px;
	margin-right: 18px;
	margin-bottom: 20px
}

.foot-subscibe .fs-group.active label.hint {
	font-size: 12px;
	top: 0;
	opacity: .5;
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}

.foot-subscibe label:not(.error) {
	font-size: 14px;
	position: absolute;

	top: 50%;
	left: 0;
	pointer-events: none;
	color: #fff;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.foot-subscibe .fs-message {
	width: 340px
}

.foot-subscibe label.error {
	position: absolute;
	left: 0;
	bottom: -20px;
	display: block;
	font-size: 12px;
	color: #fff
}

.foot-subscibe input {
	font-size: 14px;
	width: 100%;
	padding: 10px 0;
	color: #fff;
	border: none;
	border-bottom: 2px solid #fff;
	outline: none;
	background-color: transparent
}

.foot-subscibe .fs-btn {
	position: relative;
	width: 156px;

	height: 35px;
	padding: 10px 0;
	border-bottom: 2px solid #fff;
	background-color: transparent;

	-moz-transition: background .4s;
	-o-transition: background .4s;
	-webkit-transition: background .4s;
	transition: background .4s
}

.foot-subscibe .fs-btn span {
	font-size: 14px;
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	padding-top: 4px;
	color: #fff;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.foot-share {
	font-size: 0;
	position: relative;
	z-index: 10;
	max-width: 130px
}

.foot-share a {
	font-size: 24px;
	line-height: 60px;
	position: relative;
	display: inline-block;
	width: 60px;
	height: 60px;
	margin-bottom: 10px;
	text-align: center;
	vertical-align: top;
	color: #fff;
	border: 2px solid #fff;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s
}

.foot-share a:nth-child(odd) {
	margin-right: 10px
}

.foot-share a:hover {
	color: #0D6BAD;
	background-color: #fff
}

.foot-share .icon-wx img {
	position: absolute;
	z-index: 100;
	top: -110px;
	left: -22px;
	visibility: hidden;
	width: 100px;
	height: 100px;
	opacity: 0;
	backface-visibility: hidden;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0)
}

.foot-share .icon-wx:hover img {
	visibility: visible;
	opacity: 1;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1)
}

.foot-share .td {
	font-size: 16px
}

.foot-share .td span {
	position: absolute;
	top: 50%;
	left: 53%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.footer-bottom__content {
	font-size: 0;
	padding: 32px 0;
	background-color: #182b76
}

.footer-bottom__content p,.footer-bottom__content a {
	font-size: 12px;
	color: #fff
}

.fb-left__inner>div,.fb-right__inner>div {
	display: inline-block;
	vertical-align: middle
}

.fb-left__inner .fb-02 {
	margin-left: 64px
}

.fb-right__inner .fb-03 a {
	display: inline-block;
	margin-left: 26px;
	vertical-align: middle
}

.fb-right__inner .fb-04 {
	margin-left: 38px
}

.foot-code__help {
	margin-top: 10px
}

.foot-code__help a {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	letter-spacing: 1px;
	position: relative;
	border: 1px solid #fff;
	margin-top: 15px
}

.foot-code__help a img {
	-webkit-transition: all .4s;
	transition: all .4s;
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	max-width: 120px;
	width: 100%;
	position: absolute;
	left: 25px;
	top: -123px;
	z-index: 100
}

.foot-code__help a:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	visibility: visible
}

@media (min-width: 1025px) {
	.foot-address {
		margin-top: -5px



















	}

	.foot-subscibe .fs-btn:hover {
		background-color: #fff
	}

	.foot-subscibe .fs-btn:hover span {
		left: 50%;
		color: #0D6BAD;
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.back-top__full {
		position: absolute;
		top: 0;
		right: 4.16667vw;
		cursor: pointer;
		-moz-transition: -moz-transform .4s;
		-o-transition: -o-transform .4s;
		-webkit-transition: -webkit-transform .4s;
		transition: transform .4s;
		height: 150px;
		width: 16px;


		text-align: center;
		z-index: 5
	}

	.back-top__full i {
		display: inline-block;
		width: 1px;

		height: 100px;
		margin: auto;
		background-color: #fff
	}



	.back-top__full span {
		font: 12px "GothamBook";
		display: inline-block;
		color: #fff;






		writing-mode: vertical-lr;
		-webkit-writing-mode: vertical-lr;
		margin-top: 20px
	}

	.back-top__full:hover {
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
}

@media (max-width: 1920px) {
	.footer-top__content {
		padding: 5.20833vw 0
	}

	.foot-address {
		margin-left: 3.64583vw

	}





	.foot-subscibe {
		margin-left: 6.25vw
	}

	.footer-bottom__content {
		padding: 1.66667vw 0
	}

	.fb-left__inner .fb-02 {
		margin-left: 3.33333vw
	}

	.fb-right__inner .fb-03 a {
		margin-left: 1.35417vw
	}

	.fb-right__inner .fb-04 {
		margin-left: 1.97917vw
	}
}

@media (max-width: 1800px) {
	.back-top__full {
		right: 2.08333vw
	}
}

@media (max-width: 1500px) {
	.foot-share a {
		font-size: 18px;
		line-height: 50px;
		width: 50px;
		height: 50px
	}

	.foot-share .icon-wx img {
		left: -28px
	}

	.foot-share .td {
		font-size: 14px
	}

	.foot-logo {
		width: 150px
	}

	.foot-address {
		margin-left: 2.08333vw
	}

	.foot-subscibe {
		margin-left: 2.77778vw
	}
}

@media (max-width: 1300px) {
	.foot-address {
		width: 270px
	}
}

@media (max-width: 1200px) {
	.foot-address {
		width: 220px
	}
}

@media (max-width: 1100px) {
	.foot-logo {
		width: 130px
	}

	.foot-subscibe {
		margin-left: 0
	}
}

@media (max-width: 1024px) {
	.foot-logo,.back-top__full {
		display: none
	}

	.footer-bottom__content {
		padding: 25px 0
	}

	.footer-top__content {
		padding: 60px 0
	}

	.footer-top__content .foot-share {
		float: none
	}

	.foot-subscibe,.foot-address {
		width: 100%;
		margin-left: 0
	}

	.foot-address {
		margin-bottom: 40px
	}

	.foot-address span {
		display: block
	}

	.foot-address p {
		margin-bottom: 12px
	}

	.foot-address p:first-child {
		margin-bottom: 12px


	}

	.foot-subscibe {
		margin-bottom: 50px
	}

	.foot-subscibe .fs-form {
		margin-top: 15px
	}

	.foot-subscibe .fs-btn {
		background-color: #fff
	}

	.foot-subscibe .fs-btn span {
		left: 50%;
		color: #0D6BAD;
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.foot-share {
		max-width: 100%
	}

	.foot-share a {
		margin-right: 10px;
		margin-bottom: 0
	}

	.back-top__full {
		display: none
	}

	.back-top {
		display: none
	}
}

@media (max-width: 650px) {
	.footer-bottom__content {
		text-align: center
	}

	.fb-left__inner,.fb-right__inner {
		float: none;
		width: 100%
	}

	.fb-left__inner {
		margin-bottom: 14px
	}

	.foot-address {
		margin-bottom: 30px
	}

	.foot-subscibe {
		margin-bottom: 45px
	}
}

@media (max-width: 500px) {
	.footer-bottom__content p,.footer-bottom__content a {
		font-size: 10px
	}

	.foot-subscibe .fs-group,.foot-subscibe .fs-btn {
		width: 100%;
		margin-right: 0
	}

	.foot-subscibe .fs-form {
		margin-top: 20px
	}

	.foot-subscibe .fs-group {
		margin-bottom: 30px
	}

	.foot-subscibe .fs-group.active label.hint {

		-moz-transform: translateY(-6px);
		-ms-transform: translateY(-6px);
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}

	.foot-subscibe .fs-btn {
		margin-top: 15px
	}

	.foot-subscibe label.error {
		font-size: 9px;
		bottom: -16px
	}

	.foot-share a {
		font-size: 16px;
		line-height: 36px;
		width: 40px;
		height: 40px
	}

	.foot-share .icon-wx img {
		top: -95px;
		left: -25px;
		width: 85px;
		height: 85px
	}

	.foot-share .td {
		font-size: 12px
	}
}

body,html {
	font-size: 14px;
}

body {
	overflow-x: hidden;

	min-width: 320px
}

.hide {





















	display: none
}

.show {
	display: block
}

body .bdshare-button-style0-16 a,body .bdshare-button-style0-16 .bds_more {
	float: none;
	margin: 0;
	padding-left: 0;

	background-image: inherit

}

.bd_weixin_popup {
	height: 320px !important
}



.fl {
	float: left
}

.fr {
	float: right
}

.ovh {
	overflow: hidden

}

.relative {
	position: relative
}

.absolute {
	position: absolute
}

.lazy {
	background: url(../assets/images/loading.gif) no-repeat center center;
	background-size: 24px
}

.lazy.insert {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-top: -12px;



	margin-left: -12px
}

.opa {
	opacity: 0;
	visibility: hidden
}

.anchorBL {
	display: none
}

.clearfr:after {
	display: block;
	float: none;
	clear: both;
	content: ''
}

.no-pointer {
	pointer-events: none
}

.slick-dots {
	font-size: 0
}

.slick-dots li,.slick-dots button {
	display: inline-block;
	vertical-align: middle
}

.slick-dots li {
	margin: 0 5px
}

.slick-dots button {
	width: 10px;
	height: 10px;
	padding: 0;
	text-indent: -9999999999999999px;
	border: none;
	border-radius: 100%;
	outline: none;
	background-color: #999;
	-moz-transition: background .3s;
	-o-transition: background .3s;
	-webkit-transition: background .3s;
	transition: background .3s
}

.slick-dots .slick-active button {
	background-color: #0D6BAD
}

.error-404 {
	margin: 200px 0;
	text-align: center
}

.error-404 h3 {
	font-size: 32px;
	line-height: 1.8;
	color: #202020
}

.error-404 p {
	font-size: 18px;
	line-height: 1.6;
	color: #202020
}

.w1600 {
	position: relative;
	margin: 0 auto;
	width: 1300px;
}

.w900 {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto
}

.wrap {
	padding-top: 84px;
	position: relative;
	z-index: 1;
}

.text-align {
	text-align: center
}

.paragraph h3 {
	font-size: 22px;
	line-height: 1.6;
	margin-bottom: 36px;
	color: #202020
}

.paragraph h4 {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 20px;
	color: #202020
}

.paragraph p {
	font-size: 14px;
	line-height: 1.8;
	color: #5f5f5f;
	margin-bottom: 10px;
}

.paragraph h3,.paragraph h4{
	word-break: break-all;
}

.paragraph img {
	width: auto !important;
	max-width: 100%;
	height: auto !important
}

.page-intro__full {
	text-align: center
}

.page-intro__full h3 {
	font-size: 18px;
	color: #a2a2a2;
	line-height: 1.2;
	font-family: Arial,"microsoft yahei", Helvetica, sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 30px;
}

.page-intro__full h4 {
	font-size: 40px;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 8px;
	color: #202020;
}

.page-intro__full .inner {
	position: relative;
	max-width: 1000px;
	margin: auto;
}

.paragraph-dec {
	display: inline-block;
	padding: 22px 72px 30px 72px
}

.paragraph-dec:before,.paragraph-dec:after {
	font: 80px "GothamBold";
	position: absolute;
	display: block;
	opacity: .15;
	color: #0D6BAD;
}

.paragraph-dec:before {
	line-height: 40px;
	top: 0;
	left: 0;
	content: '“'
}

.paragraph-dec:after {
	line-height: 0;
	right: 0;
	bottom: 0;
	content: '”'
}

.sec-padding__val {
	padding: 70px 0;
}

.link-btn {
	font-size: 0;
	display: inline-block
}





.link-btn span,.link-btn p {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.link-btn span {
	width: 34px;
	height: 34px;
	border-radius: 50%
}

.link-btn i {
	font-size: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.link-btn p {
	font: 16px "GothamBook";
	margin-left: 10px
}

.down-btn span i {
	font-size: 18px;
	font-weight: 700
}

.white-btn span {
	background-color: #fff
}

.white-btn span i {
	color: #0D6BAD
}

.white-btn p {
	color: #fff
}

.white-btn p:after {
	background-color: #fff
}


.blue-btn span {
	background-color: #0D6BAD
}



.blue-btn span i {
	color: #fff
}


.blue-btn p {
	color: #0D6BAD
}

.blue-btn p:after {
	background-color: #0D6BAD
}



.list-navigation {
	font-size: 0;
	text-align: center
}

.list-navigation a {
	display: inline-block;

	margin: 0 6px;
	vertical-align: middle
}

.list-navigation .prev-page {
	margin-right: 16px
}

.list-navigation .next-page {
	margin-left: 16px
}

.list-navigation .num-page {
	font: 16px "GothamBook";
	position: relative;
	color: #0D6BAD
}

.list-navigation .num-page:after {
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 0;
	height: 1px;
	content: '';
	background-color: #0D6BAD;
	-moz-transition: all .3s;
	-o-transition: all .3s;

	-webkit-transition: all .3s;
	transition: all .3s
}

.list-navigation .num-page.on:after {
	width: 100%
}

.crumbs {
	font-size: 0
}

.crumbs a {
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	opacity: .5;
	color: #202020;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.crumbs a:hover {
	opacity: 1
}

.crumbs a.on {
	opacity: 1
}

.crumbs a:last-child span {
	display: none
}

.crumbs span {
	display: inline-block;
	margin: 0 4px
}

.list-dec .dec-vid,.list-dec .dec-pic {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 80px;
	background-color: #0D6BAD
}

.list-dec .dec-vid i,.list-dec .dec-pic i {
	font-size: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.btn-modal {
	line-height: 54px;
	display: inline-block;
	width: 160px;
	height: 50px;
	text-align: center;
	border-radius: 50px;
	background-color: #0D6BAD
}

.btn-modal span {
	font-size: 16px;
	color: #fff
}

.greybg {
	background-color: #f5f5f5;
}

.page-bgPic__wrap {
	position: relative
}

.page-bgPic__wrap .pic {
	position: relative;
	padding-top: 21%;
}

.page-bgPic__wrap .cont {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 700px;
	padding: 0 24px;
	text-align: center;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.page-bgPic__wrap .cont h4 {
	font: 24px "GothamBook";
	line-height: 1.5;
	margin-bottom: 0;
	color: #fff;
}

.page-bgPic__wrap .cont h3 {
	font-size: 42px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 0;
	color: #fff;
}

.page-bgPic__wrap .txt {
	margin-bottom: 55px
}

.page-bgPic__wrap .txt p {
	font-size: 14px;
	line-height: 2;
	color: #fff
}

.ib-arrow {
	font-size: 0;
	position: absolute;
	right: 0;
	bottom: 0
}

.ib-arrow a {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 60px;
	vertical-align: middle;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}

.ib-arrow i {
	font-size: 24px;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff
}

.ib-arrow i:before {
	position: absolute;
	top: 50%;
	left: 50%;

	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.ib-prev {
	background-color: #0D6BAD
}

.ib-next {
	background-color: #6889CA
}

.opa-share {
	position: absolute;
	visibility: hidden;
	opacity: 0
}

video::-internal-media-controls-download-button {
	display: none
}

video::-webkit-media-controls-enclosure {
	overflow: hidden
}

video::-webkit-media-controls-panel {
	width: calc(100% + 30px)
}

.download-modal {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 1300
}

.download-modal .dm-content {
	position: absolute;
	left: 50%;
	top: 50%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 60px 30px 45px 30px;
	width: 450px
}

.download-modal .dm-title {
	font-size: 16px;

	color: #202020;
	margin-bottom: 16px;
	line-height: 1.4
}




.download-modal .close-btn {
	-webkit-transition: transform .4s;

	transition: transform .4s;
	position: absolute;
	right: 16px;
	top: 16px;
	color: #202020
}

.download-modal .item-box {
	position: relative
}

.download-modal label.error {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	font-size: 12px;
	color: #0D6BAD;
	margin-top: 5px
}

.download-modal input {
	width: 100%;
	outline: none;

	padding: 14px;
	border: 1px solid #202020
}

.download-modal .dm-btn__box {
	text-align: right;
	margin-top: 25px
}

.download-modal .dm-btn {
	-webkit-transition: background .4s;
	transition: background .4s;
	width: 130px;
	height: 42px;
	line-height: 42px;
	background-color: #0D6BAD;
	font-size: 14px;
	text-align: center;
	color: #fff;
	border: none;
	outline: none;
	cursor: pointer
}

.download-modal .dm-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #202020;
	opacity: .6;
	cursor: pointer
}

@media (min-width: 1025px) {
	.download-modal .close-btn:hover {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	.download-modal .dm-btn:hover {
		background-color: #6889CA
	}

	.hover-btn01 span,.hover-btn01 p {
		-moz-transition: -moz-transform .4s;
		-o-transition: -o-transform .4s;
		-webkit-transition: -webkit-transform .4s;
		transition: transform .4s;
		backface-visibility: hidden
	}

	.hover-btn01 p {
		position: relative;
		padding: 3px 0
	}

	.hover-btn01 p:after {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		display: block;
		width: 0;
		height: 1px;
		content: '';
		-moz-transition: width .4s;
		-o-transition: width .4s;
		-webkit-transition: width .4s;
		transition: width .4s
	}

	.hover-btn01:hover span {
		-moz-transform: translateX(95px);
		-ms-transform: translateX(95px);
		-webkit-transform: translateX(95px);
		transform: translateX(95px)
	}

	.hover-btn01:hover p {
		-moz-transform: translateX(-44px);
		-ms-transform: translateX(-44px);
		-webkit-transform: translateX(-44px);
		transform: translateX(-44px)
	}

	.hover-btn01:hover p:after {
		width: 100%
	}

	.hover-btn02.line-white p:after {
		background-color: #fff
	}

	.hover-btn02.line-blue p:after {
		background-color: #0D6BAD
	}

	.hover-btn02 p {
		position: relative;
		padding: 3px 0
	}

	.hover-btn02 p:after {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		display: block;
		width: 0;
		height: 1px;
		content: '';
		-moz-transition: width .4s;
		-o-transition: width .4s;
		-webkit-transition: width .4s;
		transition: width .4s;
		backface-visibility: hidden
	}

	.hover-btn02 span {
		-moz-transition: -moz-transform .4s;
		-o-transition: -o-transform .4s;
		-webkit-transition: -webkit-transform .4s;
		transition: transform .4s;
		backface-visibility: hidden
	}

	.hover-btn02:hover p:after {
		width: 100%
	}

	.partner-arrow a {
		-moz-transition: -moz-transform .4s;


















		-o-transition: -o-transform .4s;
		-webkit-transition: -webkit-transform .4s;
		transition: transform .4s
	}

	.partner-arrow a:hover {
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}

	.hover-submit {
		-moz-transition: background .4s;
		-o-transition: background .4s;
		-webkit-transition: background .4s;
		transition: background .4s
	}

	.hover-submit:hover {
		background-color: #6889CA
	}

	.news-bottom__content .link-btn span,.news-bottom__content .link-btn p {
		-moz-transition: -moz-transform .4s;
		-o-transition: -o-transform .4s;
		-webkit-transition: -webkit-transform .4s;
		transition: transform .4s
	}

	.news-bottom__content .link-btn p {
		position: relative;
		padding: 3px 0
	}

	.news-bottom__content .link-btn p:after {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		display: block;
		width: 0;
		height: 1px;

		content: '';
		background-color: #0D6BAD;
		-moz-transition: width .4s;
		-o-transition: width .4s;

		-webkit-transition: width .4s;

		transition: width .4s
	}

	.news-bottom__content .link-btn:hover span {
		-moz-transform: translateX(95px);
		-ms-transform: translateX(95px);
		-webkit-transform: translateX(95px);
		transform: translateX(95px)
	}

	.news-bottom__content .link-btn:hover p {
		-moz-transform: translateX(-42px);
		-ms-transform: translateX(-42px);
		-webkit-transform: translateX(-42px);
		transform: translateX(-42px)
	}

	.news-bottom__content .link-btn:hover p:after {
		width: 100%
	}


	.ib-arrow i {
		-moz-transition: -moz-transform .8s;
		-o-transition: -o-transform .8s;
		-webkit-transition: -webkit-transform .8s;
		transition: transform .8s
	}

	.ib-arrow a:hover i {
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	.list-navigation .num-page:hover:after {
		width: 100%
	}

	.list-navigation .link-btn {
		-moz-transition: -moz-transform .4s;
		-o-transition: -o-transform .4s;
		-webkit-transition: -webkit-transform .4s;
		transition: transform .4s
	}

	.list-navigation .link-btn:hover {
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}
}

@media (max-width: 1920px) {
	.sec-padding__val {
	}

	.page-intro__full h3 {
	}

	.page-intro__full h4 {
	}

	.page-bgPic__wrap .cont h4 {
		margin-bottom: 0;
	}

	.page-bgPic__wrap .cont h3 {
		margin-bottom: 0;
	}

	.page-bgPic__wrap .txt {
		margin-bottom: 2.86458vw
	}
}

@media (max-width: 1600px) {
	.w1600 {
		width: 92%;
		max-width:1200px;
	}
}

@media (max-width: 1440px) {
	.error-404 h3 {
		font-size: 30px
	}

	.error-404 p {
		font-size: 16px
	}

	.w1600 {
		width: 92%
	}

	.page-intro__full h4 {
		font-size: 36px
	}

	.page-intro__full .inner {
		max-width: 980px;
	}

	.paragraph-dec:before,.paragraph-dec:after {
		font-size: 52px
	}

	.link-btn span {
		width: 30px;
		height: 30px
	}

	.link-btn i {
		font-size: 26px
	}

	.list .article-title {
		font-size: 20px
	}

	.ib-arrow a {
		width: 54px;
		height: 54px
	}

	.paragraph h3 {
		font-size: 20px
	}

	.page-bgPic__wrap .cont h3 {
		font-size: 36px
	}
}

@media (max-width: 1366px) {
	.error-404 h3 {
		font-size: 26px
	}

	.page-intro__full h4 {
		font-size: 36px
	}

	.paragraph-dec:before,.paragraph-dec:after {
		font-size: 48px
	}

	.paragraph h3 {
		font-size: 18px
	}

	.page-bgPic__wrap .cont h3 {
		font-size: 32px;
	}

	.list .article-title {
		font-size: 18px
	}

	.ib-arrow a {
		width: 48px;
		height: 48px
	}
}

@media (max-width: 1300px) {
	.paragraph-dec:before,.paragraph-dec:after {
		font-size: 42px
	}

	.error-404 h3 {
		font-size: 24px
	}
}

@media (max-width: 1024px) {
	.error-404 h3 {
		font-size: 22px
	}

	.w1600,.w900 {
		width: 92%;
		margin-right: auto;

		margin-left: auto;



	}



	.w900 {

		max-width: 100%
	}



















	.wrap {
		padding-top: 50px;
	}

	.sec-padding__val {
		padding: 40px 0;
	}

	.paragraph-dec:before,.paragraph-dec:after {
		font-size: 36px
	}

	.mt-30 {
		margin-top: 15px
	}

	.mt-40 {
		margin-top: 20px
	}

	.mt-50 {
		margin-top: 25px
	}

	.mt-60 {
		margin-top: 30px
	}

	.mt-70 {
		margin-top: 35px
	}

	.mt-80 {
		margin-top: 25px;
	}

	.mt-90 {
		margin-top: 45px
	}

	.mt-100 {
		margin-top: 50px
	}

	.mt-110 {
		margin-top: 55px
	}

	.mt-120 {
		margin-top: 60px
	}

	.mt-140 {
		margin-top: 70px
	}

	.mt-160 {
		margin-top: 80px
	}

	.mt-180 {
		margin-top: 90px

	}



	.page-intro__full h3 {
		font-size: 16px;
		margin-bottom: 25px;
	}

	.page-intro__full h4 {
		font-size: 26px;
		line-height: 1.2;
		margin-bottom: 15px;
	}

	.ib-arrow a {

		width: 44px;
		height: 44px
	}

	.page-bgPic__wrap .pic {
		padding-top: 35%;
	}


	.page-bgPic__wrap .cont h3 {
		font-size: 32px;
		margin-bottom: 0;
	}

	.page-bgPic__wrap .cont h4 {
		margin-bottom: 0;
		font-size: 18px;
	}

	.page-bgPic__wrap .txt {
		margin-bottom: 28px
	}

	.ikon-dec__full {
		display: none
	}

	.link-btn span {
		width: 28px;
		height: 28px
	}

	.link-btn i {
		font-size: 20px
	}

	.down-btn span i {
		font-size: 16px
	}

	.crumbs a {

		line-height: 1.3
	}
}

@media (max-width: 750px) {
	.paragraph-dec:before,.paragraph-dec:after {

font-size: 36px;

}

	.page-intro__full h3 {
		font-size: 16px;
	}

	.page-intro__full h4 {

font-size: 24px;

margin-bottom: 10px;

}

	.paragraph h3 {
		font-size: 16px
	}

	.page-bgPic__wrap .pic {
		padding-top: 50%;
	}

	.page-bgPic__wrap .cont {
		width: 90%
	}

	.page-bgPic__wrap .cont h3 {
		font-size: 28px;
	}

	.link-btn span {
		width: 24px;
		height: 24px
	}

	.link-btn i {
		font-size: 18px
	}
}

@media (max-width: 640px) {
	.paragraph p {
		font-size: 14px;
		line-height: 1.8;
	}

	.error-404 h3 {
		font-size: 20px
	}

	.ib-arrow a {
		width: 36px;
		height: 36px
	}

	.ib-arrow a i {
		font-size: 20px
	}

	.page-bgPic__wrap .pic {
		padding-top: 50%;
	}

	.page-bgPic__wrap .cont {
		width: 100%
	}

	.page-bgPic__wrap .cont h3 {
		font-size: 28px;
	}

	.down-btn span i {
		font-size: 14px
	}
}

@media (max-width: 500px) {
	.crumbs a.on {
		max-width: 160px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.download-modal .dm-content {
		width: 90%;
		padding: 52px 22px 32px 22px
	}
}

@media (max-width: 330px) {
	.crumbs a.on {
		max-width: 130px
	}
}

.team-list__full {
	font-size: 0
}

.team-list__full li {
	margin-bottom: 120px
}

.team-list__full a {
	cursor: pointer;
}

.team-list__full figure,.team-list__full article {
	display: inline-block;
	vertical-align: top
}

.team-list__full figure {
	position: relative;
	overflow: hidden;
	width: 31%
}

.team-list__full figure:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	opacity: .2;
	background-color: #0D6BAD
}

.team-list__full figure img {
	width: 100%;
	-moz-transition: -moz-transform 1.2s ease-in-out;
	-o-transition: -o-transform 1.2s ease-in-out;
	-webkit-transition: -webkit-transform 1.2s ease-in-out;
	transition: transform 1.2s ease-in-out
}

.team-list__full article {
	width: 69%;
	max-width: 900px;
	padding-top: 70px;
	padding-left: 120px
}

.team-list__full .team-name {
	font-size: 32px;
	margin-bottom: 8px;
	color: #0D6BAD;
	font-weight: 700
}

.team-list__full .team-post {
	margin-bottom: 40px
}

.team-list__full .team-post span,.team-list__full .team-post i {
	display: inline-block;
	vertical-align: middle
}

.team-list__full .team-post span {
	font-size: 16px;
	line-height: 1.9;
	color: #5f5f5f;
}

.team-list__full .team-post i {
	width: 2px;
	height: 18px;
	margin: 0 10px 4px 10px;


	background-color: #0D6BAD
}






.team-list__full .team-txt {

	position: relative;
	margin-bottom: 40px;

	padding: 30px 40px
}

.team-list__full .team-txt p {
	font-size: 18px;
	line-height: 2;
	color: #333
}

.team-list__full .team-inner p {
	color: #5f5f5f;
}

.team-bottom__content {
	position: relative;
	margin-top: 160px;
	overflow: hidden
}

.team-bottom__content .pic {
	padding-top: 27.08%
}

.team-bottom__content .cont {
	position: absolute;
	top: 50%;
	left: 160px;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.team-bottom__content .txt {
	margin-bottom: 30px





}

.team-bottom__content .txt h5 {
	font-size: 32px;
	line-height: 2;
	color: #fff

}

.team-bottom__content .txt p {
	font-size: 14px;
	line-height: 2;
	color: #fff
}

.ikon-dec__full {

	position: absolute;
	top: 50%;
	right: 80px;
	opacity: .5;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);



	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);
	text-align: center;
	width: 16px
}


.ikon-dec__full span,.ikon-dec__full i {
	display: inline-block
}

.ikon-dec__full i {
	width: 2px;
	height: 264px;
	margin: auto;
	background-color: #fff;
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px)
}

.ikon-dec__full span {
	font: 16px "GothamBook";
	color: #fff;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	white-space: normal
}

@media (min-width: 1025px) {
	.team-bottom__content .link-btn p {
		position: relative;
		padding: 3px 0
	}

	.team-bottom__content .link-btn p:after {
		position: absolute;
		bottom: 0;
		left: 50%;
		display: block;
		width: 0;
		content: '';
		background-color: #fff;
		height: 1px;
		-moz-transition: width .4s;
		-o-transition: width .4s;
		-webkit-transition: width .4s;
		transition: width .4s;
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.team-bottom__content:hover .link-btn p:after {
		width: 100%
	}
}

@media (max-width: 1920px) {
	.team-list__full li {
		margin-bottom: 4vw;
	}

	.team-list__full article {
		padding-top: 3.24583vw;
		padding-left: 5.25vw;
	}

	.team-list__full .team-name {
		margin-bottom: .71667vw;
	}

	.team-list__full .team-post {
		margin-bottom: 1.2vw;
	}

	.team-list__full .team-txt {
		margin-bottom: 2.08333vw
	}

	.team-bottom__content {
		margin-top: 8.33333vw
	}

	.team-bottom__content .cont {
		left: 8.33333vw
	}

	.team-bottom__content .txt {
		margin-bottom: 1.5625vw
	}

	.ikon-dec__full {
		right: 4.16667vw
	}

	.ikon-dec__full i {
		height: 13.75vw
	}
}

@media (max-width: 1800px) {
	.ikon-dec__full {

		right: 2.08333vw
	}
}

@media (max-width: 1440px) {
	.team-list__full .team-name {
		font-size: 30px
	}

	.team-list__full .team-txt {
		padding: 22px 35px
	}

	.team-bottom__content .txt h5 {
		font-size: 30px
	}
}

@media (max-width: 1366px) {
	.team-list__full article {
		padding-top: 40px;
		padding-left: 60px;
	}

	.team-list__full .team-name {
		font-size: 28px
	}

	.team-bottom__content .txt h5 {
		font-size: 28px
	}
}

@media (max-width: 1300px) {
	.team-list__full .team-name {
		font-size: 24px
	}

	.team-list__full .team-post span {
		font-size: 15px
	}

	.team-list__full .team-txt {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.team-list__full .team-txt p {
		font-size: 17px
	}

	.team-bottom__content .txt h5 {
		font-size: 24px
	}
}

@media (max-width: 1200px) {
	.team-list__full article {
		padding-top: 0;
		padding-left: 40px
	}
}


@media (max-width: 1024px) {

	.ikon-dec__full i {

		height: 80px;
		-moz-transform: translateY(-30px);

		-ms-transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	.ikon-dec__full span {
		-moz-transform: translateY(10px) rotate(270deg);
		-ms-transform: translateY(10px) rotate(270deg);
		-webkit-transform: translateY(10px) rotate(270deg);
		transform: translateY(10px) rotate(270deg)
	}

	.team-bottom__content {
		margin-top: 80px
	}

	.team-bottom__content .txt {
		margin-bottom: 15px
	}

	.team-bottom__content .txt h5 {
		font-size: 20px;
		line-height: 1.6
	}

	.team-list__full figure {
		width: 45%
	}

	.team-list__full article {
		width: 55%
	}

	.team-list__full li {
		margin-bottom: 50px;
	}

	.team-list__full .team-name {
		margin-bottom: 12px;
	}

	.team-list__full .team-post {
		margin-bottom: 14px
	}

	.team-list__full .team-txt {
		margin-bottom: 25px;
		padding: 18px 24px
	}


	.team-list__full .team-txt p {
		font-size: 16px
	}

	.team .paragraph-dec {
		padding-right: 32px;

		padding-left: 32px

	}

	.quality .product-feature__wrap .item {
		margin-bottom: 80px
	}
}



@media (max-width: 750px) {
	.team-list__full figure,.team-list__full article {
		width: 100%

	}

	.team-list__full article {
		margin-top: 30px;
		padding-left: 0;
	}

	.team-bottom__content .pic {
		padding-top: 35%
	}
}

@media (max-width: 500px) {
	.team-bottom__content .pic {
		padding-top: 50%
	}

	.team-bottom__content .tb-dec {
		display: none
	}

	.team-bottom__content .txt h5 {
		font-size: 18px;

		line-height: 1.6
	}

	.team-bottom__content .txt p {
		font-size: 13px

	}

	.team-list__full .team-name {
		font-size: 22px;
		margin-bottom: 12px;
	}

	.team-list__full .team-post span {
		font-size: 14px;
	}

	.team-list__full .team-post i {
		height: 12px
	}

	.team-list__full .team-txt p {
		font-size: 15px;
		line-height: 1.8
	}

	.quality .product-feature__wrap .item {
		margin-bottom: 60px
	}
}

.news-category__content {
	margin-bottom: 120px
}

.news-category__list article {
	margin-top: 40px;
	padding: 0 60px;
}

.news-category__list time {
	font-size: 24px;
	display: block;
	margin-bottom: 5px;
	color: #0D6BAD;
}

.news-category__list h1 {
	font-size: 36px;
	line-height: 1.6;
	margin-bottom: 10px;
	color: #202020;
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease;
}

.news-category__list .txt {
	margin-bottom: 30px
}

.news-category__list .txt p {
	font-size: 15px;
	line-height: 2;
	margin-bottom: 12px;
	color: #323232;
}

.news-category__list .nc-hint>div,.news-category__list .nc-hint i,.news-category__list .nc-hint span {
	display: inline-block;
	vertical-align: middle
}

.news-category__list .nc-hint>div {
	margin-right: 40px
}

.news-category__list .nc-hint i {
	font-size: 28px;
	color: #202020
}

.news-category__list .nc-hint span {
	font: 16px "Source Han Sans CN","PingFang SC","Microsoft YaHei","STSong","SimSun",Arial,sans-serif;
	position: relative;
	margin-left: 10px;
	color: #202020
}

.news-category__list .nc-hint .icon-place {
	width: 26px;
	height: 26px;
	background: url(../assets/images/place.svg?v1) no-repeat center center
}

.news-category__list a:hover h1 {
}

.news-article__list article {
	padding: 30px 40px 47px 40px;
	background-color: #f5f5f5;
}

.news-article__list time {
	font-size: 14px;
	display: block;
	margin-bottom: 24px;
	color: #0D6BAD
}

.news-article__list h1 {
	margin-bottom: 10px
}

.news-article__full {
	padding-top: 70px;
	padding-bottom: 50px;
	background-color: #ffffff;
}

.news-article__full .news-article__list article {
	height: 220px;
}

.news-article__full .news-article__list h1 {
	overflow: hidden;
	max-height: 70px;
}

.news-article__full .news-article__list .txt {
	overflow: hidden;
	max-height: 50px;
}


.news-article__full .news-article__list .txt p {

	font-size: 14px;
	line-height: 1.8;
	height: 50px;

	color: #888;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow:ellipsis;
}

.news-bottom__content {
	padding: 100px 0
}

.news-bottom__content .nt-01 {
	font-size: 32px;
	font-weight: 700;
	display: block;
	margin-bottom: 11px;
	color: #202020
}

.news-bottom__content .txt {
	margin-bottom: 31px
}

.news-detail .news-article__full {
	padding-bottom: 40px
}

.news-detail .product-toggle__table td {
	padding: 15px;
	border: 1px solid #ccc
}

.list-title {
	margin-top: 26px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc
}

.list-title h1 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.8;
	color: #202020

}

.list-title time,.list-title p {
	margin-top: 5px
}

.list-title time {
	font-size: 14px;
	color: #0D6BAD
}

.list-title p {
	font: 14px "GothamBook";
	color: #888
}


.nd-func__full {
	font-size: 0
}

.nd-func__btn,.nd-share {
	display: inline-block;

	width: 50%;
	vertical-align: middle
}

.back-list {
	font-size: 0;

	display: inline-block;
	margin-right: 40px
}

.back-list>div,.back-list span {
	display: inline-block;
	vertical-align: middle
}


.back-list>div {
	width: 24px
}

.back-list>div i {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 2px 0;
	vertical-align: middle;
	border-radius: 50%;
	background-color: #0D6BAD
}

.back-list>div i:nth-child(odd) {
	margin-right: 4px
}

.back-list span {
	font: 16px "GothamBook";
	position: relative;
	margin-left: 10px;
	color: #0D6BAD
}

.back-list span:after {
	position: absolute;
	bottom: -2px;
	left: 50%;
	display: block;
	width: 0;
	height: 1px;
	content: '';
	background-color: #0D6BAD;
	-moz-transition: width .4s ease;
	-o-transition: width .4s ease;
	-webkit-transition: width .4s ease;
	transition: width .4s ease;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.arrow-article p {
	position: relative;
	padding: 3px 0
}

.arrow-article p:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 0;
	height: 1px;
	margin: auto;
	content: '';
	background-color: #0D6BAD;
	-moz-transition: width .4s ease;
	-o-transition: width .4s ease;
	-webkit-transition: width .4s ease;
	transition: width .4s ease
}

.arrow-article:hover p:after {
	width: 100%
}

.prev-article {
	margin-right: 40px
}

.prev-article p {
	margin-right: 10px;
	margin-left: 0
}

.news-detail .nd-share {
	font-size: 0;
	text-align: right
}

.news-detail .nd-share a,.news-detail .nd-share span,.news-detail .nd-share .box {
	display: inline-block;
	vertical-align: middle
}

.news-detail .nd-share span {
	font: 16px "GothamBook";
	color: #0D6BAD
}

.news-detail .nd-share a {
	font-size: 22px;
	margin-left: 18px;
	color: #0D6BAD;
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease

}

.news-detail .nd-share a:hover {
	color: #202020
}

.news-data__resume .form-item__wrap {
	margin-right: 0;
	margin-left: 0
}

.news-data__download {
	font-size: 0
}

.news-data__download li {
	margin-bottom: 20px
}

.news-data__download li:last-child {
	margin-bottom: 0
}

.news-data__download a {
	position: relative;
	display: block;
	padding: 23px 0;
	padding-right: 48px;
	background-color: #F7F7F7;
	-moz-transition: background .4s ease;
	-o-transition: background .4s ease;
	-webkit-transition: background .4s ease;
	transition: background .4s ease
}

.news-data__download a>div {
	font-size: 16px;
	line-height: 1.6;
	display: inline-block;
	padding-right: 15px;
	vertical-align: middle
}

.news-data__download .title {
	font-weight: bold;
	width: 465px;
	padding-left: 50px;
	color: #202020;
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;

	-webkit-transition: color .4s ease;
	transition: color .4s ease






}








.news-data__download .type {
	width: 190px
}

.news-data__download .size {
	width: 150px
}

.news-data__download .type,.news-data__download .size {
	color: #666;
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease
}

.news-data__download .btn-download {
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.news-data__download .btn-download i {
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease

}

.news-data__resume .fi-submit {
	margin-top: 0
}

.news-data__resume input {

	display: none
}



@media (min-width: 1025px) {
	.news-data__download a:hover {
		background-color: #0D6BAD
	}


	.news-data__download a:hover .title,.news-data__download a:hover .type,.news-data__download a:hover .size {
		color: #fff

	}


	.news-data__download a:hover .btn-download {
		background-color: #fff;

		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	.news-data__download a:hover .btn-download i {
		color: #0D6BAD
	}

	.back-list:hover span:after {
		width: 100%
	}
}

@media (max-width: 1920px) {

	.news-article__list article {

		padding: 1.5625vw 1.68333vw 2.44792vw 1.68333vw;
	}

	.news-article__list time {
		margin-bottom: 0.85vw;
	}

	.news-article__list h1 {
		margin-bottom: .52083vw
	}

	.news-category__content {
		margin-bottom: 6.25vw
	}

	.news-category__list article {
		margin-top: 2.08333vw;
		padding: 0 12.08333vw;
	}

	.news-category__list time {
		margin-bottom: 7px;
	}

	.news-category__list h1 {
		font-weight: 400;
		margin-bottom: .82083vw;
	}

	.news-category__list .txt {
		margin-bottom: 1.8625vw;
	}

	.news-category__list .nc-hint>div {
		margin-right: 2.08333vw
	}

	.news-category__list a:hover h1 {
	}

	.news-article__full {
		padding-top: 3.79167vw;
		padding-bottom: 2vw;
	}

	.news-bottom__content {
		padding: 5.20833vw 0
	}

	.news-bottom__content .nt-01 {
		margin-bottom: .57292vw
	}

	.news-bottom__content .txt {
		margin-bottom: 1.61458vw
	}

	.news-detail .news-article__full {
		padding-bottom: 2.08333vw
	}
}

@media (max-width: 1440px) {
	.news-category__list h1 {
		font-size: 32px;
	}

	.news-category__list .nc-hint i {
		font-size: 24px
	}

	.news-category__list .nc-hint .icon-place {
		width: 24px;
		height: 24px
	}

	.news-article__list h1 {
		font-size: 20px
	}

	.news-bottom__content .nt-01 {
		font-size: 30px
	}

	.list-title {
		padding-bottom: 32px
	}

	.list-title h1 {
		font-size: 30px
	}

	.news-article__full .news-article__list article {
		height: 200px;
	}

	.news-article__full .news-article__list h1 {
		max-height: 58px
	}
}

@media (max-width: 1366px) {
	.news-category__list time {
		font-size: 20px;
	}

	.news-category__list h1 {

font-size: 28px;

}

	.news-category__list .nc-hint i {
		font-size: 22px
	}

	.news-category__list .nc-hint .icon-place {
		width: 22px;
		height: 22px
	}

	.news-category__list .nc-hint span {
		font-size: 14px;
		margin-left: 6px
	}

	.news-article__list h1 {
		font-size: 18px
	}

	.news-article__full .news-article__list article {
		height: 200px
	}

	.news-bottom__content .nt-01 {
		font-size: 28px
	}

	.list-title h1 {
		font-size: 28px
	}
}

@media (max-width: 1300px) {
	.news-category__list .nc-hint i {
		font-size: 20px
	}

	.news-category__list .nc-hint .icon-place {
		width: 20px;
		height: 20px
	}
}

@media (max-width: 1100px) {
	.news-category__list article {
		margin-top: 20px;
		padding: 0 20px
	}

	.news-bottom__content .nt-01 {

		font-size: 25px
	}
}


@media (max-width: 1024px) {
	.news-category__list .txt p {
	font-size: 14px;
	line-height: 1.8;

	margin-bottom: 12px;
	color: #323232;



}
	.news-category__content {
		margin-bottom: 60px
	}


	.news-article__full {
		padding-top: 60px;
		padding-bottom: 80px
	}

	.news-category__list .nc-hint>div {
		display: block;
		margin-right: 0;
		margin-bottom: 10px
	}

	.news-category__list .nc-hint>div:last-child {
		margin-bottom: 0
	}

	.news-category__list time {
		font-size: 18px;
		line-height: 1.4;
		margin-bottom: 3px;
	}

	.news-category__list h1 {
		font-size: 26px;
		margin-bottom: 10px;
	}

	.news-category__list .txt {
		margin-bottom: 25px
	}

	.news-article__list article {
		padding: 24px 15px
	}

	.news-article__list time {
		margin-bottom: 17px

	}

	.news-article__list h1 {
		font-size: 16px;
		margin-top: 15px;

		margin-bottom: 10px
	}

	.news-article__list .txt {
		margin-top: 4px
	}

	.news-article__full .news-article__list article {

		height: 210px
	}


	.news-article__full .news-article__list h1 {
		max-height: 54px
	}

	.news-bottom__content {
		padding: 50px 0
	}


	.news-bottom__content .txt {
		margin-bottom: 15px
	}



	.news-bottom__content .nt-01 {
		margin-bottom: 8px
	}

	.news-detail .news-article__full {
		padding-bottom: 20px
	}

	.list-title {
		margin-top: 18px
	}


	.list-title h1 {
		font-size: 24px
	}

	.list-title time,.list-title p {
		margin-top: 12px
	}


	.back-list {
		margin-right: 20px
	}

	.back-list>div i {

		width: 8px;
		height: 8px
	}

	.back-list span {
		font-size: 14px;
		margin-left: 6px
	}

	.link-btn p {
		font-size: 14px
	}

	.prev-article {
		margin-right: 30px
	}

	.news-data__download a {
		padding: 20px 0
	}

	.news-data__download .type,.news-data__download .size {
		display: none
	}

	.news-data__download .title {
		width: calc(100% - 100px);
		padding-left: 24px
	}

	.news-data__download .btn-download {
		position: absolute;
		top: 50%;
		right: 30px;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

@media (max-width: 750px) {
	.news-category__list article {
		padding: 0 10px
	}

	.news-category__list h1 {
		font-size: 24px;
	}

	.news-article__full .news-category__list article {
		height: 196px
	}

	.news-bottom__content .nt-01 {
		font-size: 22px
	}

	.list-title h1 {
		font-size: 22px;
		line-height: 1.6
	}

	.nd-inner iframe {
		height: 240px
	}

	.news-detail .containter {
		margin-top: 60px
	}

	.news-detail .product-toggle__table table {
		width: 100% !important
	}
}

@media (max-width: 640px) {
	.nd-func__btn,.nd-share {
		width: 100%
	}

	.nd-func__btn {
		margin-bottom: 30px
	}

	.news-detail .nd-share {
		text-align: left
	}

	.list-title h1 {
		font-size: 20px
	}

	.news-bottom__content .nt-01 {
		font-size: 20px
	}

	.news-data__download a {
		padding: 15px 0
	}

	.news-data__download .title {
		font-size: 14px
	}

	.news-article__full .news-article__list article {
		height: auto
	}

	.news-article__full .news-article__list h1 {
		max-height: 59px
	}

	.news-article__full .news-article__list .txt p {
		font-size: 12px;
		line-height: 1.8

	}
}

.knowledge .knowledge-article__wrap {
	padding-bottom: 40px
}

.knowledge-recommend__list article {
	padding: 30px 40px 60px 40px;
	background-color: #fff;
	max-height: 230px
}

.knowledge-recommend__list span {
	font-size: 14px;
	display: block;
	margin-bottom: 22px;
	color: #999
}

.knowledge-recommend__list h1 {
	margin-bottom: 8px;
	max-height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.knowledge-recommend__list .txt {
	max-height: 56px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.knowledge-recommend__list .txt h4 {
	font-size: 14px;
	line-height: 2;
	letter-spacing: .6px;

	color: #888;
	margin-bottom: 0


}



.knowledge-recommend__list .recommend-label {
	position: absolute;
	z-index: 20;
	top: 20px;
	left: 20px;
	width: 60px;
	height: 60px;
	border-radius: 100%;

	background-color: #0D6BAD
}

.knowledge-recommend__list .recommend-label span {
	font: 16px "GothamBold";
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.knowledge-article__wrap .knowledge-article__full {
	margin-top: 0
}

.knowledge-bottom__content {
	padding-top: 120px
}

.m-filter__full {
	display: none
}



.knowledge-article__tag {
	position: relative;
	font-size: 0
}


.knowledge-article__tag a {
	position: relative;

	display: inline-block;
	width: 25%;
	padding: 25px 0;
	text-align: center;
	vertical-align: middle;

	background-color: #fff;

	-moz-transition: background .4s;
	-o-transition: background .4s;
	-webkit-transition: background .4s;
	transition: background .4s
}

.knowledge-article__tag a:after {
	-moz-transition: background .4s,opacity .4s;
	-o-transition: background .4s,opacity .4s;
	-webkit-transition: background .4s,opacity .4s;
	transition: background .4s,opacity .4s;
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 2px;
	height: 60px;
	content: '';

	opacity: .2;
	background-color: #0D6BAD;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.knowledge-article__tag a:first-child:after {
	display: none
}

.knowledge-article__tag a:hover {
	background-color: #0D6BAD
}

.knowledge-article__tag a:hover:after {
	background-color: #fff;
	opacity: .6
}

.knowledge-article__tag a:hover b {
	visibility: visible;
	opacity: 1
}

.knowledge-article__tag a:hover span,.knowledge-article__tag a:hover p {
	color: #fff
}

.knowledge-article__tag a.on {
	background-color: #0D6BAD
}

.knowledge-article__tag a.on b {
	visibility: visible;
	opacity: 1
}

.knowledge-article__tag a.on span,.knowledge-article__tag a.on p {
	color: #fff
}

.knowledge-article__tag span,.knowledge-article__tag p {
	-moz-transition: color .4s;
	-o-transition: color .4s;
	-webkit-transition: color .4s;
	transition: color .4s
}

.knowledge-article__tag span {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.6;
	display: block;
	color: #333
}

.knowledge-article__tag p {
	font: 16px "GothamBook";
	line-height: 1.6;
	color: #0D6BAD
}

.knowledge-article__tag b {
	font-size: 16px;
	position: absolute;
	bottom: -1px;
	left: 50%;
	visibility: hidden;
	opacity: 0;
	color: #fff;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.knowledge-article__full {
	margin-top: 2.08333vw
}

.knowledge-article__list article {
	height: auto;
	padding: 20px 0 20px 0;
	background-color: #fff;
}

.knowledge-article__list article label {
	font-size: 14px;
	line-height: 20px;
	display: block;
	margin-bottom: 20px;
	color: #999
}

.knowledge-article__list h1 {
	margin-bottom: 10px;
	max-height: 69px;
	overflow: hidden
}

.knowledge-article__list .txt {
	max-height: 88px;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.knowledge-article__list .txt h4 {
	font-size: 14px;
	line-height: 2;
	letter-spacing: .6px;
	color: #888;
	margin-bottom: 0
}

.knowledge-article__list .info {
	position: relative;
	margin: 0 28px;
	padding: 18px 55px 44px 45px;
	background-color: #fff
}

.knowledge-article__list .info:before {
	position: absolute;

	top: 0;
	right: 55px;
	left: 45px;
	display: block;
	height: 2px;

	content: '';

	opacity: .2;

	background-color: #0D6BAD


}

.knowledge-article__list .info:after {
	display: block;
	clear: both;
	content: ''
}

.knowledge-article__list .row-01 {
	float: left
}


.knowledge-article__list .row-01 span,.knowledge-article__list .row-01 img,.knowledge-article__list .row-01 p {
	display: inline-block;
	vertical-align: middle
}

.knowledge-article__list .row-01 span {
	font: 16px "GothamBook";
	margin-right: 10px;
	color: #999
}

.knowledge-article__list .row-01 img {
	width: 34px;
	height: 34px;
	margin-right: 15px;
	border-radius: 100%
}

.knowledge-article__list .row-01 p {
	font-size: 14px;
	color: #999
}

.knowledge-article__list .row-02 {
	float: right;

	margin-top: 9px
}


.knowledge-article__list .row-02 a {
	font-size: 20px;
	display: inline-block;
	margin-right: 0;

	margin-left: 20px;
	vertical-align: middle;
	color: #999;
	-moz-transition: color .4s;

	-o-transition: color .4s;
	-webkit-transition: color .4s;
	transition: color .4s
}

.knowledge-article__list .row-02 a:hover {
	color: #0D6BAD

}


.kb-slick__wrap {
	position: relative
}

.kb-slick__wrap img {
	width: 100%
}

.kb-slick__wrap .pic {
	padding-top: 31.25%
}

.kb-slick__wrap .m-pic {
	display: none
}

.knowledge-data .list-title h1 {

	margin-bottom: -15px
}

.knowledge-idea__btn>div {
	margin-bottom: 20px
}

.knowledge-idea__btn>div:last-child {


	margin-bottom: 0
}


.knowledge-idea__btn .kd-tl,.knowledge-idea__btn a {
	display: inline-block;
	vertical-align: middle
}

.knowledge-idea__btn .kd-tl {
	font-size: 16px;
	line-height: 2.2;
	color: #999
}

.knowledge-idea__btn a p {
	line-height: 2.2;
	margin-right: 22px;
	margin-left: 0;
	text-decoration: underline
}

@media (min-width: 1025px) {
	.knowledge-idea__btn .link-btn span {
		-moz-transition: -moz-transform .4s;
		-o-transition: -o-transform .4s;
		-webkit-transition: -webkit-transform .4s;
		transition: transform .4s
	}

	.knowledge-idea__btn .link-btn:hover span {
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}

	.knowledge-tag__box {
		display: flex;
		flex-flow: row nowrap;
		align-items: center
	}

	.knowledge-tag__box a {
		flex: 1
	}
}

@media (max-width: 1920px) {
	.knowledge .knowledge-article__wrap {
		padding-bottom: 2.08333vw
	}

	.knowledge-article__list article {
		padding: 0.85417vw 0 0 0;
	}

	.knowledge-article__list article label {
		margin-bottom: 1.04167vw
	}

	.knowledge-article__list h1 {
		margin-bottom: .52083vw
	}

	.knowledge-article__list .info {
		margin: 0 1.45833vw;
		padding: .9375vw 2.86458vw 2.08333vw 2.34375vw
	}

	.knowledge-article__list .info:before {
		right: 2.86458vw;
		left: 2.34375vw
	}

	.knowledge-article__list .row-02 a {
		margin-left: 1.04167vw
	}

	.knowledge-recommend__list article {
		padding: 1.5625vw 2.08333vw 3.125vw 2.08333vw
	}

	.knowledge-recommend__list span {
		margin-bottom: 1.14583vw
	}

	.knowledge-idea__btn>div {
		margin-bottom: 1.04167vw
	}

	.knowledge-bottom__content {
		padding-top: 6.25vw
	}
}

@media (max-width: 1440px) {
	.knowledge-article__tag span {
		font-size: 20px
	}

	.knowledge-article__tag p {
		font-size: 15px
	}

	.knowledge-article__tag b {
		font-size: 14px;
		bottom: -1px
	}

	.list-dec .dec-vid,.list-dec .dec-pic {
		width: 64px;
		height: 64px
	}

	.list-dec .dec-vid i,.list-dec .dec-pic i {
		font-size: 22px
	}

	.knowledge-recommend__list .recommend-label {
		width: 54px;
		height: 54px
	}

	.knowledge-recommend__list .recommend-label span {
		font-size: 15px
	}
}

@media (max-width: 1366px) {
	.knowledge-article__tag a {
		padding: 20px 0
	}

	.knowledge-article__list article {
		height: auto;
	}

	.knowledge-article__list article h1 {
		max-height: 59px
	}
}

@media (max-width: 1024px) {
	.news-article__full .news-article__list h1 {
	font-size: 18px;
}

	.knowledge .knowledge-article__wrap {



		padding-bottom: 20px
	}

	.knowledge-top__content,.knowledge-article__wrap {
		padding: 40px 0;
	}

	.knowledge-bottom__content {
		padding-top: 60px
	}

	.m-filter__full {
		cursor: pointer;
		display: block;
		height: 47px;
		padding-top: 12px;
		text-align: center;
		background-color: #0D6BAD
	}

	.m-filter__full strong {
		font: 16px "GothamBook";
		position: relative;
		display: inline-block;
		padding-right: 20px;
		color: #fff
	}

	.m-filter__full i {
		font-size: 13px;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -7px;
		color: #fff;
		-moz-transition: -moz-transform .4s;
		-o-transition: -o-transform .4s;
		-webkit-transition: -webkit-transform .4s;
		transition: transform .4s
	}

	.m-filter__full.active i {
		-moz-transform: rotate(180deg);

		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	.knowledge-article__tag a {

		padding: 9px 0
	}

	.knowledge-article__tag span {
		font-size: 16px
	}

	.knowledge-tag__box {
		position: absolute;
		z-index: 50;

		top: 48px;
		left: 0;
		display: none;
		width: 100%
	}

	.knowledge-tag__box a {
		width: 100%;
		border-bottom: 1px solid #eaeaea
	}

	.knowledge-tag__box a:last-child {
		border-bottom: none
	}

	.knowledge-tag__box a:after {
		display: none

	}


	.knowledge-tag__box p,.knowledge-tag__box b {
		display: none
	}

	.knowledge-recommend__list .recommend-label {
		width: 46px;

		height: 46px

	}

	.knowledge-recommend__list .recommend-label span {
		font-size: 13px
	}

	.knowledge-recommend__list article {
		padding: 18px 20px 30px 20px
	}

	.knowledge-recommend__list span {
		margin-bottom: 14px
	}

	.knowledge-recommend__list h1 {
		margin-bottom: 10px
	}

	.list-dec .dec-vid,.list-dec .dec-pic {
		width: 56px;
		height: 56px
	}

	.list-dec .dec-vid i,.list-dec .dec-pic i {
		font-size: 20px
	}

	.knowledge-article__list article {
		padding: 20px 0 0 0;
	}

	.knowledge-article__list article label {
		margin-bottom: 18px
	}

	.knowledge-article__list article h1 {
		margin-bottom: 10px;
		max-height: 56px
	}

	.knowledge-article__list .info {
		margin: 0 10px;
		padding: 18px 24px 20px 24px
	}

	.knowledge-article__list .info:before {
		left: 24px;
		right: 24px
	}

	.knowledge-article__list .row-02 a {
		margin-left: 10px
	}
}

@media (max-width: 750px) {
	.knowledge-recommend__list span {
		font-size: 12px
	}

	.knowledge-recommend__list .recommend-label {
		left: 14px;
		top: 14px;
		width: 42px;
		height: 42px
	}

	.knowledge-recommend__list .recommend-label span {
		font-size: 12px
	}

	.list-dec .dec-vid,.list-dec .dec-pic {
		width: 48px;
		height: 48px
	}

	.list-dec .dec-vid i,.list-dec .dec-pic i {
		font-size: 18px
	}

	.kb-slick__wrap .m-pic {
		display: block
	}

	.kb-slick__wrap .p-pic {
		display: none
	}
}

@media (max-width: 640px) {
	.knowledge-article__full {
		position: relative
	}

	.knowledge-recommend__list article,.knowledge-article__list article {
		height: auto
	}

	.knowledge-recommend__list h1,.knowledge-article__list h1 {
		max-height: 60px
	}

	.knowledge-recommend__list .txt,.knowledge-article__list .txt {
		max-height: 64px
	}

	.knowledge-recommend__list .txt h4,.knowledge-article__list .txt h4 {
		font-size: 12px;
		line-height: 1.8
	}

	.knowledge-recommend__list .txt h4 {
		font-size: 12px;
		line-height: 1.8
	}

	.knowledge-article__list .row-01 span {
		font-size: 14px
	}

	.knowledge-article__list .row-01 img {
		width: 30px;
		height: 30px;
		margin-right: 10px
	}

	.knowledge-article__list .row-01 p {
		font-size: 12px
	}
}

.play .knowledge-article__wrap {
	padding-bottom: 40px
}

.science-article__wrap article,.science-article__wrap .info {
	background-color: #ffffff;
	text-align: center;
}

.partner-slick {
	margin-right: -28px;
	margin-bottom: 80px;
	margin-left: -28px
}



.partner-slick .item {

	display: inline-block;


	width: 100%;

	vertical-align: top
}

.partner-slick .item-box {
	height: 260px;
	margin: 0 28px;
	padding: 40px 10px 0 10px;
	text-align: center;
	background-color: #fff
}

.partner-slick img {
	max-width: 70px;
	margin: 0 auto 36px auto
}

.partner-slick h5 {
	font-size: 16px;
	margin-bottom: 13px;
	color: #333
}

.partner-slick .txt p {
	font-size: 14px;
	line-height: 2;
	color: #999
}

.partner-arrow {
	font-size: 0
}

.partner-arrow a {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin: 0 20px;
	vertical-align: middle
}

.cooperation-wrap {
	padding-top: 120px;
	padding-bottom: 40px
}

.cooperation-list ul {
	margin: 0 -28px

}

.cooperation-list .box {
	margin: 0 28px
}

.cooperation-list article {
	margin-top: 36px;
	text-align: center
}

.cooperation-list h1 {
	font-weight: 700;
	margin-bottom: 5px
}

.cooperation-list .txt p {
	font-size: 14px;
	line-height: 2;
	color: #999

}

.ikon-dec__down {
	position: absolute;
	top: 50%;
	left: 20px;
	opacity: .5;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.ikon-dec__down span {
	font: 16px "GothamBook";
	display: block;
	color: #fff;
	-moz-transform: translateY(-5px) rotate(90deg);
	-ms-transform: translateY(-5px) rotate(90deg);
	-webkit-transform: translateY(-5px) rotate(90deg);
	transform: translateY(-5px) rotate(90deg)
}

.ikon-dec__down i {
	display: block;
	width: 2px;
	height: 350px;
	margin: auto;
	background-color: #fff;
	-moz-transform: translateY(65px);
	-ms-transform: translateY(65px);
	-webkit-transform: translateY(65px);
	transform: translateY(65px)
}

@media (max-width: 1920px) {
	.play .knowledge-article__wrap {
		padding-bottom: 2.08333vw
	}

	.partner-slick {
		margin-right: -1.45833vw;
		margin-bottom: 4.16667vw;
		margin-left: -1.45833vw

	}


	.partner-slick .item-box {
		margin: 0 1.45833vw
	}

	.cooperation-wrap {
		padding-top: 6.25vw;
		padding-bottom: 2.08333vw
	}

	.cooperation-list ul {
		margin: 0 -1.45833vw
	}

	.cooperation-list .box {
		margin: 0 1.45833vw
	}

	.cooperation-list article {
		margin-top: 1.875vw
	}

	.cooperation-list h1 {
		margin-bottom: .26042vw
	}
}

@media (max-width: 1440px) {
	.plan-between__wrap .inner-01 h3 {
		font-size: 28px
	}

	.plan-between__wrap .inner-02 h3 {
		font-size: 20px
	}

	.plan-between__wrap .infor p {
		font-size: 20px
	}

	.plan-between__wrap .infor i {
		font-size: 16px
	}

	.plan-between__wrap .rows {
		height: 680px
	}

	.partner-arrow a {
		margin: 0 16px
	}
}

@media (max-width: 1024px) {
	.partner-arrow a {
		margin: 0 10px
	}

	.play .knowledge-article__wrap {
		padding-bottom: 20px
	}

	.cooperation-wrap {
		padding-top: 60px;
		padding-bottom: 20px
	}

	.partner-slick {
		margin-right: -10px;
		margin-bottom: 40px;
		margin-left: -10px
	}

	.partner-slick .item-box {
		margin: 0 10px
	}

	.cooperation-list .box {
		margin: 0 10px
	}

	.cooperation-list article {
		margin-top: 20px
	}

	.cooperation-list li {
		margin-bottom: 60px
	}
}

.list-download span {
	font-size: 22px;
	font-weight: 700;
	display: block;
	margin-bottom: 40px;
	color: #333
}

.item-download {
	font-size: 0;

	margin-bottom: 80px
}

.item-download:last-child {
	margin-bottom: 0
}

.item-download li:not(.item-search__inner) {
	margin-bottom: 20px;
	background-color: #fff;
	-moz-transition: background .4s ease;
	-o-transition: background .4s ease;
	-webkit-transition: background .4s ease;
	transition: background .4s ease
}

.item-download li:not(.item-search__inner):last-child {
	margin-bottom: 0
}

.item-download li:not(.item-search__inner):hover {
	background-color: #0D6BAD
}


.item-download li:not(.item-search__inner):hover a .btn-download {
	background-color: #fff;
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)

}

.item-download li:not(.item-search__inner):hover a .btn-download i {
	color: #0D6BAD
}

.item-download li:not(.item-search__inner):hover a>div {
	color: #fff
}

.item-download a {
	position: relative;
	display: block;
	padding: 32px 0
}

.item-download a>div {
	font-size: 16px;
	line-height: 1.6;
	display: inline-block;
	vertical-align: middle
}

.title-download {
	font-weight: 700;
	width: 580px;
	padding-right: 15px;
	padding-left: 50px;
	color: #202020;
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease
}

.version-download,.type-download,.size-download {
	padding-right: 15px;
	color: #666;
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease

}

.version-download {
	width: 360px

}

.type-download {
	width: 255px
}

.size-download {
	width: 320px
}

.btn-download {
	position: absolute;
	top: 50%;
	right: 60px;
	width: 34px;
	height: 34px;
	margin-top: -17px;
	border-radius: 50%;
	background-color: #0D6BAD;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.btn-download i {
	font-size: 18px;
	font-weight: 700;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.list-faq {
	font-size: 0
}

.list-faq li {
	margin-bottom: 20px;
	background-color: #F7F7F7
}

.list-faq li:last-child {
	margin-bottom: 0
}

.list-faq li:after {
	display: block;
	clear: both;
	content: ''
}

.list-faq li.on span {
	opacity: 1
}

.list-faq li.on .item-faq__title .dec .icon-plus {
	visibility: hidden;
	opacity: 0
}

.list-faq li.on .item-faq__title .dec .icon-minus {
	visibility: visible;
	opacity: 1
}

.list-faq li:first-child .item-faq__inner {
	display: block
}

.list-faq span {
	font-size: 22px;
	margin-right: 40px;
	opacity: .5;
	color: #0D6BAD;
	-moz-transition: opacity .4s;
	-o-transition: opacity .4s;
	-webkit-transition: opacity .4s;
	transition: opacity .4s
}

.list-more__icon {
	position: absolute;
	top: 50%;
	right: 60px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background-color: #0D6BAD;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.list-more__icon i {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff
}

.list-more__icon i:before {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.list-more__icon .icon-plus {
	font-size: 24px
}

.list-more__icon .icon-minus {
	font-size: 18px;
	visibility: hidden;
	opacity: 0
}

.item-faq__title {
	position: relative;
	display: block;
	padding: 28px 60px
}

.item-faq__title span,.item-faq__title h3 {
	display: inline-block;
	vertical-align: top
}

.item-faq__title h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	padding-right: 45px;
	color: #202020
}

.item-faq__title:hover span {
	opacity: 1
}

.item-faq__inner {
	display: none;
	padding: 0 60px 50px 60px
}

.item-faq__inner span,.item-faq__inner .txt {
	display: inline-block;
	vertical-align: top
}

.item-faq__inner span {
	margin-top: 4px
}

.item-faq__inner .txt {
	max-width: 900px
}

@media (min-width: 1025px) {
	.list-faq a .list-more__icon i {
		-moz-transition: -moz-transform .6s;
		-o-transition: -o-transform .6s;
		-webkit-transition: -webkit-transform .6s;

		transition: transform .6s


	}





	.list-faq a:hover .list-more__icon .icon-plus {
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@media (max-width: 1920px) {
	.list-download span {
		margin-bottom: 2.08333vw
	}

	.item-download {
		margin-bottom: 4.16667vw
	}

	.title-download {
		width: 30.20833vw;
		padding-left: 2.60417vw
	}

	.version-download {
		width: 18.75vw
	}

	.type-download {
		width: 13.28125vw
	}

	.size-download {
		width: 16.66667vw
	}

	.btn-download {
		right: 3.125vw
	}

	.list-faq span {
		margin-right: 2.08333vw
	}

	.list-more__icon {
		right: 3.125vw

	}




	.item-faq__title {

		padding: 1.45833vw 3.125vw
	}

	.item-faq__inner {
		padding: 0 3.125vw 2.60417vw 3.125vw
	}

}

@media (max-width: 1440px) {
	.list-download span {
		font-size: 20px
	}

	.btn-download {
		width: 30px;

		height: 30px;
		margin-top: -15px
	}

	.btn-download i {
		font-size: 16px
	}

	.item-download a {
		padding: 26px 0
	}

	.list-more__icon {
		width: 30px;
		height: 30px

	}


	.list-more__icon .icon-plus {
		font-size: 22px
	}

	.list-more__icon .icon-minus {
		font-size: 16px
	}
}

@media (max-width: 1366px) {
	.item-faq__inner .txt {
		max-width: 740px
	}
}

@media (max-width: 1024px) {
	.item-download {
		margin-bottom: 40px
	}

	.item-download a>div {
		font-size: 14px;
		line-height: 1.6
	}

	.list-download span {
		font-size: 18px;

		margin-bottom: 20px
	}

	.btn-download {
		right: 24px
	}

	.item-faq__inner {
		padding: 0 30px 25px 30px
	}

	.item-faq__inner .txt {
		max-width: 90%
	}

	.list-faq span {
		font-size: 20px
	}

	.item-faq__title {
		padding: 20px 30px
	}

	.list-more__icon {
		right: 20px
	}
}

@media (max-width: 900px) {
	.item-download a .version-download,.item-download a .type-download,.item-download a .size-download {
		display: none
	}

	.item-download a .title-download {
		width: calc(100% - 40px);
		padding-right: 20px;
		padding-left: 20px
	}
}

@media (max-width: 768px) {
	.btn-download {
		width: 26px;
		height: 26px;
		margin-top: -13px
	}

	.btn-download i {
		font-size: 14px
	}

	.list-more__icon {
		width: 26px;
		height: 26px
	}

	.list-more__icon .icon-plus {
		font-size: 20px
	}

	.list-more__icon .icon-minus {
		font-size: 14px
	}

	.list-faq span {
		font-size: 18px
	}

	.item-faq__title h3 {
		font-size: 15px
	}
}

@media (max-width: 640px) {
	.list-faq span {
		margin-top: 2px
	}

	.item-faq__inner span {
		margin-top: 6px
	}

	.item-faq__title h3 {
		font-size: 14px;
		width: calc(100% - 30px);
		padding-right: 20px
	}
}

.contact-top__content:after {
	display: block;
	clear: both;
	content: ''
}

.contact-top__content .rows {
	position: relative;
	width: 50%;
	height: 600px
}

.contact-top__content .row-right {
	float: right
}

.contact-top__content .row-left {
	float: left
}

.contact-top__content .row-left__cont {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 450px;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.contact-top__content .row-left__cont .intro {
	font: 16px "GothamBook";
	display: block;
	margin-bottom: 70px;
	color: #fff
}

.contact-top__content .row-left__cont h3 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.8;
	margin-bottom: 22px;
	color: #fff
}

.contact-top__content .row-left__cont h4 {
	font-size: 22px;
	line-height: 1.3;
	color: #fff
}

.contact-top__content .txt {
	margin-top: 10px
}

.contact-top__content .txt p {
	font: 22px "Source Han Sans CN","PingFang SC","Microsoft YaHei","STSong","SimSun",Arial,sans-serif;
	line-height: 1.6;
	color: #fff
}

.contact-top__content .txt i {
	font-size: 18px;
	display: inline-block;

	margin-right: 10px
}



.contact-middle__content ul {


	margin: 0 -28px


}


.contact-middle__content li {
	margin-bottom: 110px
}





.contact-middle__content article {
	margin-top: 40px
}

.contact-middle__content .box {
	margin: 0 28px
}

.contact-middle__content span {
	font-size: 14px;
	display: block;
	margin-bottom: 22px;
	color: #0D6BAD
}

.contact-middle__content h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.8;
	margin-bottom: 26px
}

.contact-middle__content p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 6px;
	color: #888
}

.contact-middle__content .tel {
	font: 18px "Source Han Sans CN","PingFang SC","Microsoft YaHei","STSong","SimSun",Arial,sans-serif;
	color: #888
}

.contact-middle__content .tel i {
	font-size: 18px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 2px
}

.contact-bottom__content {
}


.contact-bottom__content:after {
	display: block;
	clear: both;
	content: ''
}

.contact-bottom__content .rows {
	position: relative;
	width: 50%;
	height: 680px;
	overflow: hidden;
}

.contact-bottom__content .row-right__cont,.contact-bottom__content .row-left__cont {
	position: absolute;
    top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.contact-bottom__content .row-right__cont h3,.contact-bottom__content .row-left__cont h3 {
	font-size: 32px;
	font-weight: bold;
	line-height: 2
}

.contact-bottom__content .row-right__cont .txt {
	margin-bottom: 34px
}

.contact-bottom__content .row-right {
	float: right
}

.contact-bottom__content .row-left {
	float: left;
	background-color: #F7F7F7
}

.contact-bottom__content .row-left__cont {
	left: 200px;
	right: 200px;
}

.contact-bottom__content .row-right__cont {
	left: 120px
}

.contact-bottom__content .row-right__cont h3 {
	color: #fff
}

.contact-bottom__content .row-right__cont .txt {
	max-width: 470px
}

.contact-bottom__content .row-right__cont .txt p {
	color: #fff
}

.contact-bottom__content .row-left__cont h3 {
	color: #0D6BAD;
	margin-bottom: 10px;
}

.contact-bottom__content .row-left__dec,.contact-bottom__content .row-right__dec {
	max-height: 370px;
	width: 16px;
	text-align: center
}

.contact-bottom__content .row-left__dec span,.contact-bottom__content .row-left__dec i,.contact-bottom__content .row-right__dec span,.contact-bottom__content .row-right__dec i {
	display: inline-block
}

.contact-bottom__content .row-left__dec {
	position: absolute;
	top: 50%;
	left: 56px;
	opacity: .5;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.contact-bottom__content .row-left__dec span {
	font: 16px "GothamBook";
	display: inline-block;
	color: #0D6BAD;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	margin-bottom: 20px
}

.contact-bottom__content .row-left__dec i {
	display: inline-block;
	width: 2px;
	height: 200px;
	margin: auto;
	background-color: #0D6BAD
}

.contact-bottom__content .row-right__dec {
	right: 80px
}

.contact-bottom__content .row-right__dec i {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.contact-bottom__content .row-right__dec span {
	margin-top: 20px
}

.scan-code {
	margin-bottom: 34px
}

.scan-code p {
	font-size: 14px;
	color: #888;
	line-height: 2
}

.scan-code p,.scan-code a {
	display: inline-block;
	vertical-align: middle
}

.scan-code a {
	-moz-transition: color .4s;
	-o-transition: color .4s;
	-webkit-transition: color .4s;
	transition: color .4s;
	font-size: 22px;
	color: #888;
	position: relative
}

.scan-code a:hover {
	color: #0D6BAD
}

.scan-code a:hover img {
	opacity: 1;
	-moz-transform: scale(1);
	-ms-transform: scale(1);

	-webkit-transform: scale(1);
	transform: scale(1)
}

.scan-code img {
	-moz-transition: opacity .4s,-moz-transform .4s;
	-o-transition: opacity .4s,-o-transform .4s;


	-webkit-transition: opacity .4s,-webkit-transform .4s;
	transition: opacity .4s,transform .4s;
	width: 110px;
	position: absolute;
	left: -43px;
	top: -115px;
	padding-bottom: 8px;
	opacity: 0;
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0)
}

@media (max-width: 1920px) {
	.contact-middle__content ul {
		margin: 0 -1.45833vw
	}

	.contact-middle__content li {
		margin-bottom: 5.72917vw
	}

	.contact-middle__content article {
		margin-top: 2.08333vw
	}

	.contact-middle__content .box {
		margin: 0 1.45833vw
	}

	.contact-middle__content span {
		margin-bottom: 1.14583vw
	}

	.contact-middle__content h1 {
		margin-bottom: 1.35417vw
	}

	.contact-middle__content p {
		margin-bottom: .3125vw

	}


	.contact-bottom__content .row-left__cont {
		left: 9vw;
		right: 9vw;
	}

	.contact-bottom__content .row-right__cont {
		left: 6.25vw
	}

	.contact-bottom__content .row-left__dec {
		left: 2.91667vw
	}

	.contact-bottom__content .row-left__dec i {
		height: 10.41667vw;
		max-height: 200px
	}

	.contact-bottom__content .row-right__dec {

		right: 4.16667vw
	}
}

@media (max-width: 1800px) {
	.contact-bottom__content .row-right__dec {
		right: 2.08333vw
	}
}

@media (max-width: 1440px) {
	.contact-top__content .row-left__cont h3 {
		font-size: 30px
	}

	.contact-top__content .row-left__cont h4 {
		font-size: 20px;
		line-height: 1.5
	}

	.contact-top__content .row-left__cont .intro {
		margin-bottom: 56px
	}

	.contact-top__content .rows {
		height: 550px
	}

	.contact-top__content .txt p {
		font-size: 20px
	}

	.contact-bottom__content .rows {
		height: 660px;
	}

	.contact-bottom__content .row-right__cont h3,.contact-bottom__content .row-left__cont h3 {
		font-size: 30px
	}

	.contact-bottom__content .row-right {
		float: right
	}
}

@media (max-width: 1366px) {
	.contact-top__content .rows {
		height: 490px

	}

	.contact-top__content .row-left__cont .intro {
		margin-bottom: 44px
	}

	.contact-top__content .row-left__cont h3 {
		font-size: 26px;
		margin-bottom: 14px
	}

	.contact-top__content .row-left__cont h4 {
		font-size: 18px
	}

	.contact-top__content .row-left__cont .txt p {
		font-size: 18px
	}

	.contact-bottom__content .rows {
		height: 650px;
	}

	.contact-bottom__content .row-right__cont h3,.contact-bottom__content .row-left__cont h3 {
		font-size: 26px
	}
}

@media (max-width: 1300px) {
	.contact-top__content .rows {
		height: 420px
	}

	.contact-top__content .row-left__cont h3 {
		font-size: 24px;
		margin-bottom: 8px
	}

	.contact-top__content .row-left__cont h4 {
		font-size: 16px
	}

	.contact-top__content .row-left__cont .txt p {
		font-size: 16px
	}

	.contact-top__content .row-left__cont .txt i {
		font-size: 16px
	}

	.contact-bottom__content .rows {
		height: 630px;
	}

	.contact-bottom__content .row-right__cont h3,.contact-bottom__content .row-left__cont h3 {
		font-size: 22px
	}

	.contact-bottom__content .row-right__cont {
		max-width: 400px
	}
}

@media (max-width: 1024px) {
	.contact-bottom__content .rows {
	    width: 100%;
		height: 430px;
	}

	.contact-bottom__content .row-left__dec {
		display: none
	}

	.contact-bottom__content .row-right__cont,.contact-bottom__content .row-left__cont {
		width: 100%;
		padding: 30px;
		left: 0;
	}

	.contact-bottom__content .row-right__cont {
		max-width: 100%
	}

	.contact-top__content .rows {
		height: 380px
	}

	.contact-top__content .row-left__cont {
		width: 100%;
		padding: 0 30px
	}

	.contact-top__content .row-left__cont .intro {
		font-size: 14px;
		margin-bottom: 30px
	}

	.contact-top__content .row-left__cont h3 {
		font-size: 22px
	}

	.contact-middle__content ul {
		margin: 0 -10px

	}


	.contact-middle__content li {
		margin-bottom: 55px
	}

	.contact-middle__content .box {
		margin: 0 10px
	}


	.contact-middle__content p {

		margin-bottom: 10px
	}



	.contact-middle__content h1 {
		margin-bottom: 10px
	}



	.contact-middle__content span {
		margin-bottom: 6px
	}


	.contact-middle__content article {
		margin-top: 20px
	}
}

@media (max-width: 900px) {
	.contact-top__content .rows {
		height: 330px
	}
}

@media (max-width: 800px) {
	.contact-top__content .rows {
		width: 100%;
		height: 300px
	}

	.contact-top__content .row-left,.contact-top__content .row-right {
		float: none
	}

	.contact-top__content .row-left__cont .intro {
		margin-bottom: 20px
	}

	.contact-top__content .row-left__cont h3 {
		margin-bottom: 2px
	}

	.contact-top__content .txt p {
		font-size: 14px;
		margin-bottom: 4px
	}

	.contact-middle__content h1 {

		font-size: 22px

	}



	.contact-bottom__content .rows {
		width: 100%;
		height: 620px;
	}

	.contact-bottom__content .row-left,.contact-bottom__content .row-right {
		float: none;
	}
	
	.contact-bottom__content .row-right {
	display:none;
	}

	.contact-bottom__content .row-right__cont h3,.contact-bottom__content .row-left__cont h3 {
		font-size: 20px
	}
}

@media (max-width: 640px) {
	.contact-top__content .row-left__cont h3 {
		font-size: 20px
	}

	.contact-middle__content h1 {
		font-size: 20px
	}

	.scan-code p {

		font-size: 12px
	}

	.scan-code a {
		font-size: 20px
	}
}

.job-data__form {
	font-size: 0
}

.job-data__form .form-item__wrap {
	margin-left: 0
}

.job-page__bgPic {
	overflow: hidden
}

.job-page__bgPic .icon-vid {
	font-size: 14px;
	color: #0D6BAD
}

.job .knowledge-article__wrap {
	padding-top: 120px;
	padding-bottom: 40px
}

.job-filtrate__attr {
	margin-bottom: 20px;

	padding: 80px;
	background-color: #fff
}

.job-filtrate__attr .sum-total {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 52px;
	color: #202020
}

.job-filtrate__attr .sum-total span {
	display: inline-block;
	margin-left: 55px;
	color: #0D6BAD
}

.job-filtrate__attr .item-filtrate {
	font-size: 0;
	margin-bottom: 15px
}

.job-filtrate__attr .item-filtrate:last-child {
	margin-bottom: 0
}

.job-filtrate__attr .item-filtrate span,.job-filtrate__attr .item-filtrate .slide-filtrate,.job-filtrate__attr .item-filtrate .item-box {
	display: inline-block;
	vertical-align: middle
}

.job-filtrate__attr .item-filtrate span {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	margin-right: 60px;
	color: #202020
}

.job-filtrate__attr .item-filtrate span i {
	display: none
}

.job-filtrate__attr .item-filtrate input {
	display: none
}

.job-filtrate__attr .item-filtrate input:checked+label {
	color: #0D6BAD
}

.job-filtrate__attr .item-filtrate input:checked+label:after {
	width: 100%
}

.job-filtrate__attr .item-filtrate label {
	font-size: 16px;
	line-height: 1.6;
	position: relative;
	display: inline-block;
	margin-right: 30px;
	cursor: pointer;
	color: #888;
	-moz-transition: color .3s;
	-o-transition: color .3s;
	-webkit-transition: color .3s;
	transition: color .3s
}

.job-filtrate__attr .item-filtrate label:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	width: 0;
	height: 1px;
	content: '';
	background-color: #0D6BAD;
	-moz-transition: width .3s;
	-o-transition: width .3s;
	-webkit-transition: width .3s;
	transition: width .3s
}

.job-filtrate__list {
	font-size: 0
}

.job-filtrate__list li {
	margin-bottom: 20px
}

.job-filtrate__list li:last-child {
	margin-bottom: 0
}

.job-filtrate__list a {
	position: relative;
	display: block;
	padding: 32px 0;
	background-color: #fff;
	-moz-transition: background .4s ease;
	-o-transition: background .4s ease;
	-webkit-transition: background .4s ease;
	transition: background .4s ease
}

.job-filtrate__list a:hover {
	background-color: #0D6BAD
}

.job-filtrate__list a:hover .rows {
	color: #fff
}

.job-filtrate__list a:hover .more-round {
	background-color: #fff;
	-moz-transform: translateY(-50%) rotate(360deg);

	-ms-transform: translateY(-50%) rotate(360deg);
	-webkit-transform: translateY(-50%) rotate(360deg);
	transform: translateY(-50%) rotate(360deg)
}

.job-filtrate__list a:hover .more-round i {
	color: #0D6BAD
}

.job-filtrate__list .rows {
	font-size: 16px;
	display: inline-block;
	padding-right: 15px;
	vertical-align: middle;
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease
}

.job-filtrate__list .job-title {
	font-weight: bold;
	width: 615px;
	padding-left: 80px;
	color: #202020
}

.job-filtrate__list .job-type {
	width: 305px;
	color: #333
}

.job-filtrate__list .job-site,.job-filtrate__list .job-num {
	color: #888
}


.job-filtrate__list .job-site {

	width: 375px
}

.job-filtrate__list .job-num {

	width: 210px
}

.job-filtrate__list .more-round {
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.job-filtrate__list .more-round i {
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;

	-webkit-transition: color .4s ease;
	transition: color .4s ease
}

.job-filtrate__list .more-round .icon-minus {
	visibility: hidden;
	opacity: 0
}

.job-school__wrap {
	padding-top: 120px;
	padding-bottom: 40px
}

.job-school__wrap .intro {
	font: 16px "GothamBook";
	color: #888
}

.job-school__wrap .school-time {
	margin-top: 40px
}

.job-school__wrap .school-time span,.job-school__wrap .school-time div,.job-school__wrap .school-time i {
	display: inline-block;
	vertical-align: middle
}

.job-school__wrap .school-time span {
	font-size: 22px;
	margin-top: -50px;
	color: #202020
}

.job-school__wrap .school-time div,.job-school__wrap .school-time i {
	font-size: 60px;
	color: #202020
}

.job-school__wrap .school-time i {
	margin-right: 8px;
	margin-left: 16px
}

.job-school__wrap .bg-pic img {
	width: 100%
}

.list-school ul {
	font-size: 0;
	margin: 0 -28px
}

.list-school li {
	display: inline-block;
	width: 33.333%;
	margin-bottom: 80px;

	vertical-align: top



}


.list-school .item-box {
	position: relative;
	height: 240px;
	margin: 0 28px;
	background-color: #fff
}

.list-school i {
	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #F7F7F7
}

.list-school .ctl {
	top: -28px;
	left: -28px
}

.list-school .ctr {
	top: -28px;
	right: -28px
}

.list-school .cbl {
	bottom: -28px;
	left: -28px
}

.list-school .cbr {
	right: -28px;
	bottom: -28px
}

.list-school .item-left,.list-school .item-right {
	display: inline-block;
	vertical-align: middle
}

.list-school .item-left {
	width: 32%;
	padding-left: 40px;
	backface-visibility: hidden
}

.list-school .item-left img {
	-moz-transition: -moz-transform .8s;
	-o-transition: -o-transform .8s;
	-webkit-transition: -webkit-transform .8s;
	transition: transform .8s;
	max-width: 90px
}

.list-school .item-right {
	position: relative;
	width: 68%;
	height: 100%;
	padding: 40px 0 40px 60px
}

.list-school .item-right:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	content: '';
	border-left: 1px dashed #999
}

.list-school .item-right h3 {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.3;
	max-width: 172px;
	margin-bottom: 10px;
	color: #202020;
	-moz-transition: color .4s;
	-o-transition: color .4s;
	-webkit-transition: color .4s;
	transition: color .4s


}

.list-school .item-right p {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 73px;
	color: #888
}

.list-school .item-right .time {
	font-size: 22px;
	position: absolute;
	bottom: 40px;
	width: 100%;
	color: #202020
}



.job-process__wrap .supplier-item {
	background-color: #F7F7F7
}


.job-process__wrap .list-supplier>li:nth-child(1) i,.job-process__wrap .list-supplier>div:nth-child(1) i,.job-process__wrap .list-supplier .slick-slide:nth-child(1) i {

	background: url(../assets/images/jl-01.svg) no-repeat center center
}

.job-process__wrap .list-supplier>li:nth-child(2) i,.job-process__wrap .list-supplier>div:nth-child(2) i,.job-process__wrap .list-supplier .slick-slide:nth-child(2) i {
	background: url(../assets/images/jl-02.svg) no-repeat center center
}

.job-process__wrap .list-supplier>li:nth-child(3) i,.job-process__wrap .list-supplier>div:nth-child(3) i,.job-process__wrap .list-supplier .slick-slide:nth-child(3) i {
	background: url(../assets/images/jl-03.svg) no-repeat center center
}

.job-process__wrap .list-supplier>li:nth-child(4) i,.job-process__wrap .list-supplier>div:nth-child(4) i,.job-process__wrap .list-supplier .slick-slide:nth-child(4) i {
	background: url(../assets/images/jl-04.svg) no-repeat center center
}

.job-process__wrap .list-supplier>li:nth-child(5) i,.job-process__wrap .list-supplier>div:nth-child(5) i,.job-process__wrap .list-supplier .slick-slide:nth-child(5) i {
	background: url(../assets/images/jl-05.svg) no-repeat center center
}

@media (min-width: 1025px) {
	.list-school a:hover .item-right h3 {
		color: #0D6BAD

	}

	.list-school a:hover .item-left img {
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}


	.job-filtrate__attr .item-box:hover label {
		color: #0D6BAD
	}

	.job-filtrate__attr .item-box:hover label:after {
		width: 100%
	}
}


@media (max-width: 1920px) {
	.job-filtrate__attr {
		padding: 4.16667vw
	}

	.job-filtrate__attr .sum-total {
		margin-bottom: 2.70833vw
	}

	.job-filtrate__attr .sum-total span {
		margin-left: 2.86458vw
	}

	.job-filtrate__attr .item-filtrate {
		margin-bottom: .78125vw
	}

	.job-filtrate__attr .item-filtrate span {
		margin-right: 3.125vw
	}

	.job-filtrate__attr .item-filtrate label {
		margin-right: 1.5625vw
	}

	.job-filtrate__list .job-title {
		width: 32.03125vw;
		padding-left: 4.16667vw
	}

	.job-filtrate__list .job-type {
		width: 15.88542vw
	}







	.job-filtrate__list .job-site {
		width: 19.53125vw

	}

	.job-filtrate__list .job-num {
		width: 10.9375vw
	}

	.job .knowledge-article__wrap {
		padding-bottom: 2.08333vw;
		padding-top: 6.25vw
	}

	.job-school__wrap {
		padding-top: 6.25vw;
		padding-bottom: 2.08333vw
	}

	.job-school__wrap .school-time {
		margin-top: 2.08333vw
	}

	.job-school__wrap .school-time i {
		margin-right: .41667vw;
		margin-left: .83333vw
	}

	.list-school ul {
		margin: 0 -1.45833vw
	}

	.list-school li {
		margin-bottom: 4.16667vw
	}

	.list-school .item-box {
		margin: 0 1.45833vw
	}

	.list-school .item-left {
		padding-left: 2.08333vw
	}

	.list-school .item-right {
		padding: 2.08333vw 0 2.08333vw 3.125vw
	}

	.list-school .item-right h3 {
		margin-bottom: .52083vw
	}

	.list-school .item-right p {
		margin-bottom: 3.80208vw
	}

	.list-school .item-right .time {
		bottom: 2.08333vw
	}
}

@media (max-width: 1440px) {
	.job-school__wrap .school-time span {
		font-size: 20px
	}

	.job-school__wrap .school-time div,.job-school__wrap .school-time i {
		font-size: 54px
	}

	.list-school .item-box {
		height: 220px
	}

	.list-school .item-left img {
		width: 60px
	}

	.list-school .item-right h3 {
		font-size: 26px
	}

	.list-school .item-right .time {
		font-size: 20px
	}

	.job-filtrate__attr .sum-total {
		font-size: 26px
	}

	.job-filtrate__list .rows {
		font-size: 15px
	}
}

@media (max-width: 1366px) {
	.job-school__wrap .item-box {
		height: 220px
	}

	.job-school__wrap .school-time span {
		font-size: 18px
	}

	.job-school__wrap .school-time div,.job-school__wrap .school-time i {
		font-size: 48px
	}

	.list-school .item-box {
		height: 200px

	}


	.list-school .item-left img {
		width: 54px
	}

	.list-school .item-right h3 {
		font-size: 24px
	}
























	.list-school .item-right .time {
		font-size: 18px
	}


	.job-filtrate__list .rows {
		font-size: 14px
	}

	.job-filtrate__attr .sum-total {

		font-size: 24px
	}

	.job-filtrate__attr .item-filtrate a,.job-filtrate__attr .item-filtrate label {
		font-size: 14px
	}
}

@media (max-width: 1300px) {
	.list-school .item-left img {
		width: 48px
	}

	.list-school .item-right h3 {
		font-size: 22px
	}

	.list-school .item-right .time {
		font-size: 16px
	}

	.job-filtrate__attr .sum-total {
		font-size: 22px
	}

	.job-school__wrap .school-time span {
		font-size: 18px
	}

	.job-school__wrap .school-time div,.job-school__wrap .school-time i {
		font-size: 42px
	}
}

@media (max-width: 1024px) {
	.job-school__wrap {
		padding-top: 60px;
		padding-bottom: 20px
	}

	.job-school__wrap .school-time {

		margin-top: 40px
	}

	.job .knowledge-article__wrap {
		padding-top: 60px;
		padding-bottom: 20px
	}

	.list-school {
		overflow: hidden
	}

	.list-school ul {
		margin: 0 -10px
	}

	.list-school .item-left {
		padding: 0 24px;
		margin-top: 14px
	}

	.list-school .item-left img {
		width: 32px
	}

	.list-school .item-right {
		width: 100%;
		padding: 20px 24px;

		height: calc(100% - 46px)
	}

	.list-school .item-right h3 {
		font-size: 20px;
		margin-bottom: 8px
	}

	.list-school .item-right .time {
		font-size: 14px;
		bottom: 20px
	}

	.list-school .item-right:before {
		display: none
	}

	.list-school .item-box {
		margin: 0 10px
	}

	.list-school i {
		width: 48px;
		height: 48px
	}

	.job-filtrate__attr {
		padding: 30px
	}

	.job-filtrate__attr .sum-total {
		font-size: 20px;
		margin-bottom: 25px
	}

	.job-filtrate__attr .sum-total span {
		margin-left: 20px
	}

	.job-filtrate__attr .item-filtrate {

		margin-bottom: 18px


	}

	.job-filtrate__attr .item-filtrate .item-box,.job-filtrate__attr .item-filtrate a {
		margin-right: 24px
	}

	.job-filtrate__list a {
		padding: 20px 50px 20px 0
	}

	.job-filtrate__list .job-title {
		line-height: 1.6;
		padding-left: 28px
	}

	.job-page__bgPic .link-btn {
		margin-top: 30px
	}

	.job-page__bgPic .txt {

		margin-bottom: 0
	}
}

@media (max-width: 900px) {
	.list-school li {
		width: 50%
	}
}

@media (max-width: 800px) {
	.job-school__wrap .school-time span {
		font-size: 16px
	}

	.job-school__wrap .school-time div,.job-school__wrap .school-time i {
		font-size: 34px
	}

	.job-filtrate__attr .sum-total {
		font-size: 18px
	}

	.job-filtrate__attr .item-filtrate span {
		position: relative;
		display: inline-block;
		margin-bottom: 15px;
		padding-right: 20px
	}

	.job-filtrate__attr .item-filtrate span i {
		font-size: 14px;
		position: absolute;
		top: 50%;
		right: 0;
		display: block;
		margin-top: -8px;
		color: #202020;
		-moz-transition: -moz-transform .6s;
		-o-transition: -o-transform .6s;
		-webkit-transition: -webkit-transform .6s;
		transition: transform .6s
	}

	.job-filtrate__attr .item-filtrate .slide-filtrate {
		display: none
	}

	.job-filtrate__attr .item-filtrate .item-box {
		margin-bottom: 12px
	}

	.job-filtrate__attr .item-filtrate.active span i {
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	.job-filtrate__list a {
		padding-bottom: 5px
	}

	.job-filtrate__list .job-title {
		width: calc(100% - 50px);
		margin-bottom: 15px
	}

	.job-filtrate__list .job-type,.job-filtrate__list .job-site,.job-filtrate__list .job-num {
		width: auto;
		margin-bottom: 15px;
		padding-left: 28px
	}

	.list-school .item-right h3 {
		font-size: 18px
	}

	.list-school .item-right p {
		font-size: 14px
	}
}

@media (max-width: 750px) {
	.job-data__form .form-item__wrap {
		margin-right: 0
	}
}


@media (max-width: 640px) {
	.list-school .item-box {
		height: 180px
	}

	.list-school .item-right h3 {
		font-size: 16px

	}



	.list-school .item-right p {
		font-size: 13px
	}

	.list-school .item-right .time {
		font-size: 13px


	}




	.job-school__wrap .school-time span {

		font-size: 16px;
		margin-top: -30px
	}

	.job-school__wrap .school-time div,.job-school__wrap .school-time i {
		font-size: 34px
	}
}

.product-list__wrap {
	padding-top: 120px;
	padding-bottom: 160px
}

.product-list__wrap .slick-track {
	margin-right: 0;
	margin-left: 0
}

.pro-dec {
	position: absolute;
	top: 30px;
	left: 40px;
	height: 100%;
	opacity: .5
}

.pro-dec span {
	font: 16px "GothamBook";
	display: block;
	color: #0D6BAD;
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.pro-dec i {
	position: absolute;
	z-index: 60;
	top: 78px;
	left: 50%;
	display: block;
	width: 2px;

	height: 100%;
	margin-left: -1px;
	opacity: .5;
	background-color: #0D6BAD
}

.item-product {
	font-size: 0;

	padding-bottom: 120px
}

.item-product:last-child {
	padding-bottom: 0
}

.item-product .partner-arrow {
	position: absolute;
	bottom: 0;
	left: 0
}

.item-product .partner-arrow a {
	margin-right: 20px;
	margin-left: 0
}

.item-pro__left,.item-pro__right {
	display: inline-block;
	vertical-align: top
}

.item-pro__left {
	width: 26%;
	padding-right: 90px
}

.item-pro__left .title {
	margin-bottom: 25px

}

.item-pro__left .title span {
	font: 14px "GothamBook";
	display: block;

	margin-bottom: 18px;
	color: #0D6BAD
}

.item-pro__left .title h5 {
	font-size: 32px;
	line-height: 1.4;
	color: #202020
}

.item-pro__right {
	width: 74%
}

.item-pro__right .item {
	position: relative;
	display: inline-block;
	margin-right: 28px;
	margin-left: 28px;
	padding-top: 30px;
	vertical-align: top;
	background-color: #fff
}

.item-pro__right .item:after {
	display: block;
	clear: both;
	content: ''
}

.item-pro__right .item-pro__slick {
	margin-right: -28px;
	margin-left: -28px
}

.item-pro__right a:hover .more-icon i {
	-moz-transform: translate(-50%, -50%) rotate(360deg);
	-ms-transform: translate(-50%, -50%) rotate(360deg);
	-webkit-transform: translate(-50%, -50%) rotate(360deg);

	transform: translate(-50%, -50%) rotate(360deg)
}

.item-pro__right .cont {
	position: absolute;

	bottom: 60px
}

.item-pro__right p,.item-pro__right h3 {
	margin: 0 40px
}

.item-pro__right p {
	font-size: 22px;
	margin-bottom: 4px;
	color: #202020
}

.item-pro__right h3 {
	font-size: 16px;
	line-height: 2;
	color: #202020
}

.item-pro__right img {
	width: 100%;
	margin: 30px 0;
	padding-bottom: 50px
}

.item-pro__right .more-icon {
	position: relative;
	float: right;
	width: 60px;
	height: 60px;
	background-color: #0D6BAD
}

.item-pro__right .more-icon i {
	font-size: 34px;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	-moz-transition: -moz-transform .6s;
	-o-transition: -o-transform .6s;
	-webkit-transition: -webkit-transform .6s;
	transition: transform .6s;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.item-pro__right .dec {
	position: relative;
	margin: 0 40px;
	text-align: right;
	opacity: .5
}

.item-pro__right .dec i,.item-pro__right .dec span {
	display: inline-block;
	vertical-align: middle
}

.item-pro__right .dec i {
	position: absolute;
	top: 50%;
	right: 0;
	width: 100%;
	height: 2px;
	margin-top: -1px;
	background-color: #0D6BAD
}

.item-pro__right .dec span {
	font: 12px "GothamBook";
	position: relative;
	z-index: 30;
	padding-left: 20px;
	color: #0D6BAD;
	background-color: #fff
}

.product-detail .news-article__full {
	padding-bottom: 40px
}

.product-data__banner {
	position: relative
}

.product-data__banner .pic {
	padding-top: calc(100vh - 82px)

}

.product-data__banner .small-pic {
	display: none;
	width: 100%
}

.product-data__banner .cont {

	max-width: 600px
}



.product-data__banner .cont label {

	font-size: 16px;
	display: block;


	margin-bottom: 50px;
	color: #0D6BAD


}

.product-data__banner .cont h2 {
	font-size: 48px;


	font-weight: bold;
	line-height: 1.4;
	color: #202020
}

.product-data__banner .cont h2 span {
	color: #0D6BAD
}

.product-data__banner .txt {
	margin-top: 30px
}

.product-data__banner .link-btn {
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	padding: 0 24px;
	text-align: center
}

.product-data__banner .link-round {
	-moz-transition: -moz-transform .4s;
	-o-transition: -o-transform .4s;
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s
}

.product-data__banner .link-round:hover {
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transform: translateY(10px)
}


.product-exhibition__wrap {
	font-size: 0;
	padding-top: 120px;
	padding-bottom: 80px
}


.product-exhibition__wrap .rows {
	position: relative;
	display: inline-block;
	width: 50%;
	vertical-align: top
}


.product-exhibition__wrap .row-right {
	padding-top: 60px;
	padding-left: 160px
}

.product-exhibition__wrap .row-right .title label {
	font-size: 48px;
	font-weight: bold;
	line-height: 1.2;
	color: #202020
}


.product-exhibition__wrap .row-right .title p {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.2;
	color: #202020

}


.product-exhibition__wrap .row-right .txt {

	margin-top: 45px
}

.product-exhibition__wrap .btn-func {
	position: relative;
	margin-top: 60px
}


.product-exhibition__wrap .btn-func>a {
	margin-right: 40px
}

.product-exhibition__wrap .proe-chat__box {
	position: absolute;
	right: 0;
	top: 0
}

.product-exhibition__wrap .proe-chat__box span,.product-exhibition__wrap .proe-chat__box a {
	display: inline-block;

	vertical-align: middle

}

.product-exhibition__wrap .proe-chat__box span {
	font-size: 14px;
	color: #0D6BAD
}

.product-exhibition__wrap .proe-chat__box a {
	position: relative;
	margin-right: 12px
}

.product-exhibition__wrap .proe-chat__box a .proe-code {
	-webkit-transition: all .4s;
	transition: all .4s;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: -50px;
	top: -145px;
	max-width: 140px
}

.product-exhibition__wrap .proe-chat__box .proe-01 .proe-iq {
	width: 32px
}

.product-exhibition__wrap .proe-chat__box .proe-02 img {
	width: 58px
}

.proe-chat__box a:hover .proe-code {
	opacity: 1;
	visibility: visible
}

.pro-exhibition__slick img {
	width: 100%
}

.exhibition-bottom__cont p {
	display: inline-block;
	width: 25%;
	margin-bottom: 40px;
	text-align: center;
	vertical-align: top
}

.exhibition-bottom__cont p img {
	max-width: 100%
}

.prodect-data__video {
	position: relative;
	padding-top: 520px;
	overflow: hidden
}

.prodect-data__video .cont {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 0 24px;
	text-align: center;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.prodect-data__video .cont h3 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.2;
	color: #fff
}

.prodect-data__video .cont p {
	color: #fff
}

.prodect-data__video .txt {
	margin-top: 20px
}

.prodect-data__video .vid-btn {
	display: inline-block;
	margin-top: 40px
}

.prodect-data__video .vid-btn i {
	font-size: 60px;
	display: block;
	color: #fff;
	-moz-transition: -moz-transform 1s;
	-o-transition: -o-transform 1s;
	-webkit-transition: -webkit-transform 1s;
	transition: transform 1s;
	backface-visibility: hidden
}

.prodect-data__video .vid-btn span {
	font: 16px "GothamBook";
	position: relative;
	display: block;
	margin-top: 20px;
	padding-bottom: 3px;
	color: #fff
}


.prodect-data__video .vid-btn span:after {
	position: absolute;

	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;

	display: block;

	width: 0;

	height: 1px;
	content: '';
	background-color: #fff;
	-moz-transition: width .4s;
	-o-transition: width .4s;


	-webkit-transition: width .4s;
	transition: width .4s;

	backface-visibility: hidden
}

.video-link {
	position: absolute;

	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.video-link iframe {
	width: 100%;
	height: 100%
}

.product-feature__wrap:after {
	display: block;
	clear: both;
	content: ''
}

.product-feature__wrap figure img {
	width: 100%
}

.product-feature__wrap figure,.product-feature__wrap article {
	width: 50%
}

.product-feature__wrap article {
	padding-top: 70px
}

.product-feature__wrap .txt {
	max-width: 90%
}

.product-feature__wrap .item {
	font-size: 0;
	margin-bottom: 80px
}

.product-feature__wrap .item:last-child {
	margin-bottom: 0
}

.product-feature__wrap .item:after {
	display: block;
	clear: both;
	content: ''
}


.product-feature__wrap .item:nth-child(odd) figure {
	float: right
}

.product-feature__wrap .item:nth-child(odd) article {
	float: left;
	padding-left: 80px
}


.product-feature__wrap .item:nth-child(even) figure {
	float: left
}

.product-feature__wrap .item:nth-child(even) article {
	float: right;
	padding-left: 120px
}

.product-feature__wrap .title {
	margin-bottom: 22px
}

.product-feature__wrap .title label {
	font: 16px "GothamBook";
	display: block;
	margin-bottom: 20px;
	color: #0D6BAD
}

.product-feature__wrap .title h1 {
	font-size: 48px;
	font-weight: bold;
	line-height: 1.2;
	color: #202020
}

.product-feature__wrap .item-attr {
	font-size: 0;
	margin-top: 80px
}

.product-feature__wrap .item-attr p {
	display: inline-block;
	width: 30%;
	padding-right: 20px;
	vertical-align: top

}

.product-feature__wrap .item-attr strong {
	font-size: 32px;
	line-height: 1.8;
	color: #0D6BAD
}

.product-feature__wrap .item-attr span {
	font-size: 14px;
	line-height: 2;
	display: block;
	color: #888
}


.quality .product-feature__wrap .item {
	overflow: hidden;
	background-color: #F7F7F7
}

.product-quality__main {
	font-size: 0;
	position: relative
}

.product-quality__main .rows {
	display: inline-block;
	width: 50%;
	vertical-align: top
}

.product-quality__main .row-left img {

	width: 100%
}

.product-quality__main .txt {
	padding-left: 130px
}


.product-quality__main .txt h3 {
	font-size: 18px;
	line-height: 2;
	color: #202020
}

.product-quality__main .txt p {
	font-size: 14px;
	line-height: 2;
	color: #999
}

.product-application__list ul {
	font-size: 0
}

.product-application__list ul:after {
	display: block;
	clear: both;
	content: ''
}

.product-application__list li {
	position: relative;
	float: left;
	width: 25%;
	overflow: hidden
}

.product-application__list li.w50 {
	width: 50%
}

.product-application__list img {
	-moz-transition: -moz-transform .8s;
	-o-transition: -o-transform .8s;
	-webkit-transition: -webkit-transform .8s;
	transition: transform .8s;
	width: 100%
}

.product-application__list p {
	font-size: 22px;
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	padding: 0 30px;
	color: #fff
}

.product-toggle__tab {
	font-size: 0;
	position: relative
}

.product-toggle__tab:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	content: '';
	opacity: .1;
	background-color: #0D6BAD
}

.product-toggle__tab a {
	font-size: 22px;
	position: relative;
	display: inline-block;
	width: 20%;
	padding: 30px 10px;
	text-align: center;
	vertical-align: middle;
	opacity: .5;
	color: #202020;
	-moz-transition: color .4s,opacity .4s;
	-o-transition: color .4s,opacity .4s;
	-webkit-transition: color .4s,opacity .4s;
	transition: color .4s,opacity .4s
}

.product-toggle__tab a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	width: 0;
	height: 4px;
	content: '';
	background-color: #0D6BAD;

	-moz-transition: width .4s;
	-o-transition: width .4s;
	-webkit-transition: width .4s;

	transition: width .4s
}

.product-toggle__tab a:hover {
	opacity: 1;
	color: #0D6BAD
}


.product-toggle__tab a:hover:after {

	width: 100%
}

.product-toggle__tab a.on {
	opacity: 1;
	color: #0D6BAD
}

.product-toggle__tab a.on:after {
	width: 100%
}

.product-toggle__title {
	font-size: 20px;
	line-height: 1.4;
	display: none;
	margin-bottom: 30px;
	text-align: center;
	color: #202020;
	font-weight: bold
}

.product-toggle__table table {
	width: 100% !important;
	display: table;
	text-align: left
}

.product-toggle__table th {
	vertical-align: baseline;
	padding: 30px;
	background-color: #0D6BAD;
	color: #fff;
	font-size: 16px
}

.product-toggle__table th p,.product-toggle__table th strong,.product-toggle__table th span {
	color: #fff;
	font-size: 16px
}

.product-toggle__table tr {
	display: table-row;
	width: 100%
}


.product-toggle__table tr:nth-child(odd) {
	background-color: #F7F7F7
}

.product-toggle__table td {
	display: table-cell;
	vertical-align: middle;
	padding: 30px;
	font: 16px "Source Han Sans CN","PingFang SC","Microsoft YaHei","STSong","SimSun",Arial,sans-serif;
	line-height: 2;
	color: #202020
}


.product-toggle__table td span,.product-toggle__table td p,.product-toggle__table td strong {
	font: 16px "Source Han Sans CN","PingFang SC","Microsoft YaHei","STSong","SimSun",Arial,sans-serif;

	line-height: 2;
	color: #202020
}


.product-toggle__table .slide-dec {
	display: none
}

.product-toggle__item {
	display: none
}

.product-toggle__item:first-child {
	display: block
}

.product-toggle__download li {
	background-color: #F7F7F7
}

.vid-bg {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9)
}

.vid-content {
	display: none
}

.vid-content .vid-full {
	position: absolute;

	z-index: 120;
	top: 50%;
	left: 50%;
	max-width: 100%;
	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.vid-content video {
	outline: none;
	width: 100%;
	height: 100%
}

.vid-close {
	font-size: 20px;
	position: absolute;
	z-index: 9999;

	top: 20px;
	right: 20px;
	color: #fff;
	-moz-transition: -moz-transform .4s;

	-o-transition: -o-transform .4s;
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s
}

.vid-close:hover {
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}

@media (min-width: 1025px) {
	.product-data__banner .cont {
		position: absolute;
		top: 50%;
		left: 9.63542vw;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.item-pro__right img {
		-moz-transition: -moz-transform .8s;
		-o-transition: -o-transform .8s;
		-webkit-transition: -webkit-transform .8s;
		transition: transform .8s
	}

	.item-pro__right a:hover img {
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	.prodect-data__video:hover .vid-btn i {
		-moz-transform: scale(1.08);
		-ms-transform: scale(1.08);
		-webkit-transform: scale(1.08);
		transform: scale(1.08)
	}

	.prodect-data__video:hover .vid-btn span:after {
		width: 100%
	}

	.product-application__list li:hover img {
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@media (max-width: 1920px) {
	.product-list__wrap {
		padding-top: 6.25vw;
		padding-bottom: 8.33333vw
	}

	.item-product {
		padding-bottom: 6.25vw
	}

	.item-product .partner-arrow a {
		margin-right: 1.04167vw
	}


	.item-pro__left {
		padding-right: 4.6875vw
	}

	.item-pro__left .title {
		margin-bottom: 1.30208vw

	}


	.item-pro__left .title span {

		margin-bottom: .9375vw
	}

	.item-pro__right .item {

		margin-right: 1.45833vw;




		margin-left: 1.45833vw
	}

	.item-pro__right .item-pro__slick {
		margin-right: -1.45833vw;
		margin-left: -1.45833vw
	}

	.item-pro__right p,.item-pro__right h3 {
		margin: 0 2.08333vw
	}

	.item-pro__right img {
		margin: 1.5625vw 0;
		padding-bottom: 2.60417vw
	}

	.item-pro__right .dec {
		margin: 0 2.08333vw
	}

	.product-detail .news-article__full {
		padding-bottom: 2.08333vw
	}

	.product-data__banner .cont label {
		margin-bottom: 2.60417vw
	}

	.product-data__banner .txt {
		margin-top: 1.5625vw
	}

	.product-exhibition__wrap {
		padding-top: 6.25vw;
		padding-bottom: 4.16667vw
	}

	.product-exhibition__wrap .row-right {
		padding-top: 3.125vw;
		padding-left: 8.33333vw
	}

	.product-exhibition__wrap .row-right .txt {
		margin-top: 2.34375vw
	}

	.product-exhibition__wrap .btn-func {
		margin-top: 3.125vw
	}

	.product-exhibition__wrap .btn-func>a {
		margin-right: 2.08333vw
	}

	.exhibition-bottom__cont p {
		margin-bottom: 2.08333vw

	}

	.prodect-data__video .txt {



		margin-top: 1.04167vw
	}

	.prodect-data__video .vid-btn {
		margin-top: 2.08333vw
	}

	.prodect-data__video .vid-btn span {
		margin-top: 1.04167vw
	}


	.product-feature__wrap article {
		padding-top: 3.64583vw
	}

	.product-feature__wrap .item {
		margin-bottom: 4.16667vw
	}

	.product-feature__wrap .item:nth-child(odd) article {
		padding-left: 4.16667vw
	}

	.product-feature__wrap .item:nth-child(even) article {
		padding-left: 6.25vw
	}

	.product-feature__wrap .title {

		margin-bottom: 1.14583vw

	}

	.product-feature__wrap .title label {
		margin-bottom: 1.04167vw
	}

	.product-feature__wrap .item-attr {
		margin-top: 4.16667vw
	}

	.product-quality__main .txt {
		padding-left: 6.77083vw
	}

	.product-application__list p {
		bottom: 1.5625vw;
		padding: 0 1.5625vw
	}

}


@media (max-width: 1800px) {
	.pro-dec {
		left: 20px
	}
}

@media (max-width: 1680px) {
	.pro-dec {
		left: 0
	}
}

@media (max-width: 1440px) {
	.item-pro__left .title h5 {
		font-size: 30px
	}

	.item-pro__right p {
		font-size: 20px
	}

	.item-pro__right h3 {
		font-size: 15px;
		line-height: 1.6
	}

	.item-pro__right .more-icon {
		width: 52px;
		height: 52px
	}

	.item-pro__right .more-icon i {
		font-size: 30px
	}


	.pro-dec {
		left: 1%
	}

	.product-data__banner .cont h2 {
		font-size: 42px
	}

	.product-exhibition__wrap .row-right {
		padding-top: 0
	}

	.product-exhibition__wrap .row-right .title label {
		font-size: 42px
	}

	.product-exhibition__wrap .row-right .title p {
		font-size: 30px
	}

	.prodect-data__video .cont h3 {
		font-size: 30px
	}

	.prodect-data__video .vid-btn i {
		font-size: 48px
	}

	.product-feature__wrap .title h1 {
		font-size: 38px
	}

	.product-feature__wrap .item-attr strong {
		font-size: 30px
	}

	.product-toggle__tab a {
		font-size: 20px
	}

	.product-application__list p {
		font-size: 20px
	}

	.product-list__content {
		width: 88%
	}

	.product-data__banner .cont {
		max-width: 420px
	}
}

@media (max-width: 1366px) {
	.item-pro__left .title h5 {
		font-size: 26px
	}

	.item-pro__right p {
		font-size: 18px
	}

	.item-pro__right h3 {
		font-size: 14px
	}

	.item-pro__right .more-icon {
		width: 48px;
		height: 48px
	}

	.item-pro__right .more-icon i {
		font-size: 26px
	}

	.product-data__banner .cont h2 {
		font-size: 38px
	}

	.product-exhibition__wrap .row-right {
		padding-top: 0
	}

	.product-exhibition__wrap .row-right .title label {
		font-size: 38px
	}

	.product-exhibition__wrap .row-right .title p {
		font-size: 28px
	}

	.prodect-data__video .txt h3 {
		font-size: 28px

	}



	.prodect-data__video .vid-btn i {
		font-size: 44px
	}

	.product-feature__wrap .title h1 {
		font-size: 34px
	}

	.product-feature__wrap .item-attr strong {

		font-size: 28px
	}

	.product-toggle__tab a {
		font-size: 18px

	}


	.product-application__list p {
		font-size: 18px
	}
}





@media (max-width: 1024px) {

	.product-list__wrap {

		padding-top: 60px;
		padding-bottom: 80px
	}

	.pro-dec {
		display: none
	}


	.item-pro__left .title {
		margin-bottom: 15px
	}

	.item-pro__left .title h5 {
		font-size: 24px
	}

	.item-pro__left .title span {
		margin-bottom: 10px
	}

	.item-product {
		padding-bottom: 60px
	}

	.item-product .partner-arrow {
		display: none
	}

	.item-pro__right {
		width: 100%
	}

	.item-pro__right img {
		margin: 30px 0;
		padding-bottom: 25px
	}

	.item-pro__right .item-pro__slick {
		margin-right: -10px;
		margin-left: -10px
	}

	.item-pro__right .item {
		margin-right: 10px;
		margin-left: 10px;
		padding-top: 15px;
		display: block
	}

	.item-pro__right .more-icon {
		width: 44px;
		height: 44px

	}

	.item-pro__right .dec {
		margin: 0 20px
	}

	.item-pro__right p {
		padding-bottom: 5px
	}

	.item-pro__right p,.item-pro__right h3 {
		margin: 0 20px
	}

	.item-pro__left {
		width: 100%;
		margin-bottom: 30px
	}

	.item-pro__left .title h5 {
		font-size: 22px
	}

	.item-pro__slick>div {
		display: inline-block;
		width: 50%;
		margin-bottom: 40px;
		vertical-align: top
	}

	.product-data__banner .link-btn {
		display: none
	}

	.product-data__banner .pic {
		padding-top: 46.88%;
		-moz-transform: translateX(-20%);
		-ms-transform: translateX(-20%);
		-webkit-transform: translateX(-20%);

		transform: translateX(-20%)
	}

	.product-data__banner .pic .lazy {
		display: none
	}

	.product-data__banner .cont {
		left: 40px;
		max-width: 100%;
		padding: 30px 24px
	}

	.product-data__banner .cont label {
		margin-bottom: 30px

	}

	.product-data__banner .cont h2 {
		font-size: 32px
	}

	.product-data__banner .txt {
		margin-top: 15px
	}

	.product-exhibition__wrap {
		padding-top: 60px;
		padding-bottom: 40px
	}

	.product-exhibition__wrap .row-right {
		padding-left: 30px
	}

	.product-exhibition__wrap .row-right .title label {
		font-size: 32px;
		display: block;
		margin-bottom: 4px
	}

	.product-exhibition__wrap .row-right .title p {
		font-size: 24px
	}

	.product-exhibition__wrap .row-right .txt {
		margin-top: 24px

	}


	.product-exhibition__wrap .btn-func {
		margin-top: 30px
	}

	.product-exhibition__wrap .btn-func>a {
		margin-right: 20px
	}

	.product-exhibition__wrap .proe-chat__box {
		position: relative;
		top: auto;
		right: auto;
		margin-top: 30px
	}

	.prodect-data__video .txt h3 {
		font-size: 24px;
		margin-bottom: 20px
	}

	.prodect-data__video .vid-btn {
		margin-top: 15px
	}

	.prodect-data__video .vid-btn i {
		font-size: 34px
	}

	.prodect-data__video .vid-btn span {
		font-size: 14px;
		margin-top: 8px
	}

	.vid-close {
		font-size: 18px
	}

	.product-feature__wrap .item {
		margin-bottom: 40px
	}

	.product-feature__wrap .title {
		margin-bottom: 15px
	}

	.product-feature__wrap .title label {
		font-size: 14px;
		margin-bottom: 15px
	}

	.product-feature__wrap .title h1 {
		font-size: 26px
	}

	.product-feature__wrap .item-attr {
		margin-top: 30px
	}

	.product-feature__wrap .item-attr p {
		width: 33.333%
	}

	.product-feature__wrap .item-attr strong {
		font-size: 24px
	}

	.product-toggle__tab {
		display: none
	}

	.product-toggle__table {
		font-size: 0;
		margin-bottom: 60px
	}

	.product-toggle__title {
		display: block
	}

	.product-toggle__download {
		display: block
	}

	.product-application__list p {
		font-size: 16px;
		bottom: 10px;
		padding: 0 20px
	}

	.product-quality__main .rows {
		width: 100%
	}

	.product-quality__main .row-left {
		margin-bottom: 30px
	}

	.product-quality__main .txt {
		padding-left: 0
	}

	.exhibition-bottom__cont p {
		margin-bottom: 20px

	}

	.exhibition-bottom__cont p img {
		width: 50%
	}

	.product-data__banner .link-btn {
		bottom: 20px
	}

	.product-list__content {
		width: auto
	}
}

@media (max-width: 800px) {


	.product-data__banner .cont h2 {
		font-size: 25px;
		margin-bottom: 12px
	}

	.product-exhibition__wrap .row-right {

		padding-left: 0
	}

	.product-exhibition__wrap .row-right .title label {
		font-size: 26px
	}


	.product-exhibition__wrap .row-right .title p {
		font-size: 20px
	}

	.product-exhibition__wrap .rows {
		width: 100%
	}

	.product-exhibition__wrap .row-left {
		margin-bottom: 25px
	}

	.product-exhibition__wrap .proe-chat__box span {
		font-size: 12px
	}

	.product-exhibition__wrap .proe-chat__box .proe-01 .proe-iq {
		width: 26px
	}

	.product-exhibition__wrap .proe-chat__box .proe-02 img {
		width: 46px
	}

	.product-exhibition__wrap .proe-chat__box a .proe-code {
		left: -38px;
		top: -120px;
		max-width: 115px
	}

	a .proe-code .prodect-data__video {
		padding-top: 60%
	}

	a .proe-code .prodect-data__video .txt h3 {
		font-size: 22px

	}

	a .proe-code .prodect-data__video .vid-btn i {
		font-size: 30px
	}

	.product-feature__wrap .item:nth-child(odd) figure,.product-feature__wrap .item:nth-child(odd) article,.product-feature__wrap .item:nth-child(even) figure,.product-feature__wrap .item:nth-child(even) article {

		float: none;
		width: 100%;
		padding-top: 0;
		padding-left: 0

	}


	.product-feature__wrap .item figure {
		margin-bottom: 25px
	}

	.product-feature__wrap .item-attr strong {
		font-size: 22px;
		line-height: 1.6
	}



	.product-feature__wrap .item-attr span {

		font-size: 12px;
		line-height: 1.6

	}



	.product-feature__wrap .title h1 {
		font-size: 24px
	}

	.product-feature__wrap .txt {
		max-width: 100%
	}

	.product-list__wrap {
		padding-bottom: 60px
	}

	.product-list__wrap .partner-arrow {
		display: none
	}

	.product-toggle__table table {
		width: 900px !important
	}

	.product-toggle__table .product-table__main {
		width: 100%;

		overflow-x: scroll;
		-webkit-overflow-scrolling: touch
	}

	.product-toggle__table .slide-dec {
		display: block;
		text-align: center;
		margin-top: 15px
	}

	.product-toggle__table .slide-dec i {
		font-size: 32px;
		color: #999
	}

	.product-toggle__table .slide-dec span {
		font-size: 16px;
		color: #999;
		display: block;
		margin-top: 8px
	}
}



@media (max-width: 750px) {
	.product-data__banner .larze-pic {
		display: none
	}

	.product-data__banner .small-pic {
		display: block
	}

	.product-toggle__table table {
		width: 800px !important
	}
}

@media (max-width: 640px) {
	.item-pro__left .title h5 {
		font-size: 20px
	}

	.product-feature__wrap .title h1 {
		font-size: 22px
	}

	.product-feature__wrap .item-attr strong {
		font-size: 20px
	}

	.product-application__list p {
		font-size: 14px
	}

	.exhibition-bottom__cont p {
		width: 50%;
		padding-right: 20px
	}

	.exhibition-bottom__cont p img {
		width: 65%
	}

	.prodect-data__video {
		padding-top: 80%
	}

	.prodect-data__video .txt h3 {
		margin-bottom: 10px
	}

	.prodect-data__video .vid-btn {
		margin-top: 25px
	}

	.item-pro__right .item-pro__slick {
		margin-right: -5px;
		margin-left: -5px
	}

	.item-pro__right .item {
		margin-right: 5px;
		margin-left: 5px
	}

	.item-pro__right .dec {
		display: none
	}

	.item-pro__right p {
		font-size: 16px
	}

	.item-pro__right h3 {
		font-size: 14px
	}

	.item-pro__right .more-icon {
		width: 36px;
		height: 36px
	}

	.item-pro__right .more-icon i {
		font-size: 22px
	}

	.item-pro__right img {
		margin: 12px 0
	}

	.item-pro__slick>div {
		display: block;
		width: 100%;
		margin-bottom: 40px
	}

	.item-pro__slick>div:last-child {
		margin-bottom: 0
	}

	.item-pro__right .cont {
		bottom: 45px;
		padding: 0 15px
	}


	.vid-close {
		font-size: 16px;
		right: auto;
		left: 20px
	}
}


@media (max-width: 500px) {
	.product-application__list li {
		width: 50%
	}

	.product-application__list li.w50 {
		width: 100%
	}

	.vid-content .vid-full {
		width: 100%
	}
}

.company-culture__wrap .list-culture a {
	position: relative;
	overflow: hidden
}


.company-page__bgPic .link-btn {
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	padding: 0 24px;
	text-align: center
}

.company-page__bgPic .link-round {
	-moz-transition: -moz-transform .4s;
	-o-transition: -o-transform .4s;
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s
}

.company-page__bgPic .link-round:hover {
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transform: translateY(10px)
}

.company-intro h4 {
	margin-bottom: 0
}

.company-intro .inner {
	max-width: 900px;
	margin-top: 30px;
	text-align: left
}

.company-intro .link-btn i {
	font-size: 22px
}

.company-intro .bg-pic {
	padding-top: 32.5%
}


.list-culture ul {
	margin: 0 -28px
}


.list-culture .box {
	position: relative;
	overflow: hidden;
	margin: 0 28px;
	cursor: pointer
}



.list-culture article {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 0 24px;
	text-align: center;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.list-culture article h1 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.6;

	color: #fff
}

.list-culture article .txt {
	margin-top: 8px
}

.list-culture article p {
	color: #fff
}



.list-culture .item-right {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #0D6BAD;
	backface-visibility: hidden;

	-moz-transition: -moz-transform .6s;
	-o-transition: -o-transform .6s;
	-webkit-transition: -webkit-transform .6s;
	transition: transform .6s;
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)

}


.list-culture .item-right .il-title {
	display: none
}

.list-culture .item-right .cont {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 400px;
	padding: 0 24px;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.list-culture .item-right p {

	color: #fff
}

.company-culture__wrap {
	padding-bottom: 40px
}



.company-culture__wrap .item-right .txt {
	max-width: 280px;
	margin-right: auto;
	margin-left: auto
}

.company-philosophy__wrap {
	padding-top: 120px;
	padding-bottom: 40px
}

.list-philosophy ul {
	font-size: 0;
	margin: 0 -28px
}

.list-philosophy li {
	display: inline-block;
	width: 33.33%;
	margin-bottom: 80px;
	vertical-align: top
}

.list-philosophy .box {
	height: 300px;
	margin: 0 28px;
	padding-top: 50px;
	padding-right: 24px;
	padding-left: 24px;
	text-align: center;
	background-color: #fff
}

.list-philosophy span {
	font-size: 22px;
	line-height: 1.6;
	display: block;
	margin-top: 40px;
	margin-bottom: 15px;
	color: #202020
}

.company-strategy__wrap {
	padding-bottom: 40px
}

.list-strategy article {
	margin-top: 34px;
	text-align: center
}

.list-strategy article h1 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.6;
	color: #202020
}

.list-strategy .txt {
	margin-top: 20px
}

.list-strategy .txt p {
	font-size: 22px;
	line-height: 1.6;
	color: #888
}

.company-hybr__wrap {
	position: relative;
	padding-top: 33.333%
}

.company-hybr__wrap .ikon-dec__full {
	right: 80px
}

.company-hybr__wrap .ikon-dec__full i {
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px)
}


.company-hybr__wrap .ikon-dec__full span {
	-moz-transform: translateY(15px) rotate(180deg);
	-ms-transform: translateY(15px) rotate(180deg);
	-webkit-transform: translateY(15px) rotate(180deg);
	transform: translateY(15px) rotate(180deg)
}


.company-hybr__wrap .cont {
	position: absolute;

	top: 50%;


	left: 160px;
	max-width: 554px;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}


.company-hybr__wrap .title h4 {
	font-size: 36px;
	font-weight: 400;
	line-height: 1.4;
	color: #fff;
	margin-bottom: 2px;
}

.company-hybr__wrap .title p {
	font: 20px "GothamBook";
	line-height: 1.6;
	color: #fff;
}

.company-hybr__wrap .txt {
	margin-top: 30px
}

.company-hybr__wrap .txt p {
	font-size: 16px;
	line-height: 2;
	color: #fff;
}

.company-honor__wrap .partner-arrow a {
	margin-right: 0;
	margin-left: 20px
}

.company-honor__wrap .slick-track {
	margin-right: 0;
	margin-left: 0
}

.horor-toggle {
	position: relative;
	margin-bottom: 40px
}

.horor-toggle .title {
	position: relative;

	max-width: 720px;
	padding-right: 60px;
	padding-bottom: 15px;
	padding-left: 60px
}

.horor-toggle .title p {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.8;
	color: #202020
}

.horor-toggle .title span {
	color: #0D6BAD
}

.horor-toggle .partner-arrow {
	position: absolute;
	right: 0;
	bottom: 0
}

.hornor-slick {
	margin: 0 -28px;
	padding-top: 60px;
	border-top: 2px solid #0D6BAD
}


.hornor-slick .item {
	margin: 0 28px
}


.hornor-slick img {
	width: 100%

}



.sh-year {
	position: relative;
	z-index: 1
}

.sh-year::before {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	height: 1px;
	content: '';

	opacity: .1;

	background-color: #0D6BAD
}


.shy-box {
	position: relative
}

.slick-hyear {
	margin-right: 240px;
	margin-left: 240px
}

.slick-hyear .slick-current span {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1)
}


.shyear-item {
	text-align: center
}

.shyear-item span {
	font-family: "GothamBold";
	font-size: 120px;
	line-height: 1;
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: #0D6BAD;
	-moz-transition: -moz-transform 2s;
	-o-transition: -o-transform 2s;
	-webkit-transition: -webkit-transform 2s;
	transition: transform 2s;
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0)
}

.shyear-item span::before {
	position: absolute;
	top: 50%;
	left: -50px;
	width: 10px;

	height: 10px;
	margin-top: -5px;

	content: '';
	border-radius: 50%;
	background-color: #0D6BAD
}

.shy-arrow {
	font-size: 30px;
	line-height: 50px;
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	background-color: #0D6BAD;
	-moz-transition: -moz-transform .4s;
	-o-transition: -o-transform .4s;
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s
}

.shy-prev {
	left: 0
}

.shy-next {
	right: 0
}

.shy-left,.shy-right {
	position: absolute;
	top: 50%;
	overflow: hidden;
	width: 150px;
	height: 90px;
	margin-top: -45px;
	padding: 20px 0
}

.shy-left {
	left: 70px
}

.shy-right {
	right: 70px
}

.shs-item {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	cursor: pointer;
	vertical-align: top
}

.shs-item::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	margin-left: -5px;
	content: '';
	opacity: .4;
	border-radius: 50%;
	background-color: #0D6BAD
}

.shs-item span {
	font-family: "GothamBook";
	font-size: 14px;
	line-height: 20px;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	text-align: center;
	opacity: .5;
	color: #999
}

.shs-item:hover::before {
	opacity: 1

}

.shy-sbox {

	font-size: 0;
	position: relative;
	width: 1000px;
	text-align-last: auto
}

.history-full__slick {
	font-size: 0
}


.history-full__slick .pic,.history-full__slick .inner {
	display: inline-block;
	vertical-align: middle
}

.history-full__slick .pic {
	width: 48%
}

.history-full__slick .pic img {


	width: 100%

}

.history-full__slick .inner {
	width: 52%;

	padding: 0 140px
}

.history-full__slick .title {
	font-size: 32px;
	font-weight: 700;

	line-height: 1.8;
	color: #202020
}

.history-full__slick .txt {
	margin-top: 10px
}

@media (min-width: 1025px) {
	.shy-arrow:hover {
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

	.list-culture .box:hover .item-right {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@media (max-width: 1920px) {
	.company-strategy__wrap {
		padding-bottom: 40px
	}

	.company-page__bgPic .link-btn {
		bottom: 2.08333vw
	}

	.company-intro .inner {
		margin-top: 1.5625vw
	}

	.company-culture__wrap {

		padding-bottom: 2.08333vw
	}


	.list-culture ul {
		margin: 0 -1.45833vw
	}

	.list-culture .box {
		margin: 0 1.45833vw
	}

	.list-culture article .txt {
		margin-top: .41667vw
	}

	.company-philosophy__wrap {
		padding-top: 6.25vw;
		padding-bottom: 2.08333vw
	}

	.list-philosophy ul {
		margin: 0 -1.45833vw
	}

	.list-philosophy li {
		margin-bottom: 4.16667vw


	}

	.list-philosophy .box {
		margin: 0 1.45833vw;
		padding-top: 2.60417vw
	}


	.list-philosophy span {
		margin-top: 2.08333vw;
		margin-bottom: .78125vw
	}


	.list-strategy article {

		margin-top: 1.77083vw
	}

	.list-strategy .txt {
		margin-top: 1.04167vw
	}

	.history-full__slick .inner {


		padding: 0 7.29167vw

	}


	.history-full__slick .txt {
		margin-top: .52083vw
	}

	.hornor-slick {
		margin: 0 -1.45833vw;
		padding-top: 3.125vw
	}

	.hornor-slick .item {
		margin: 0 1.45833vw

	}

	.company-hybr__wrap .ikon-dec__full {
		right: 4.16667vw
	}

	.company-hybr__wrap .cont {
		left: 14.33333vw;
	}

	.company-hybr__wrap .txt {
		margin-top: 1.5625vw
	}

	.company-honor__wrap .partner-arrow a {
		margin-left: 1.04167vw
	}

	.horor-toggle {
		margin-bottom: 2.08333vw
	}

	.shyear-item {
		text-align: center
	}

	.shyear-item span {
		font-size: 6.25vw
	}
}

@media (max-width: 1740px) {
	.company-hybr__wrap .cont {
		left: 11.33333vw;
	}
}

@media (max-width: 1600px) {
	.company-hybr__wrap .cont {
		left: 8.33333vw;
	}
}

@media (max-width: 1440px) {
	.company-hybr__wrap .cont {
		left: 6.33333vw;
	}
	
	.list-culture article h1 {
		font-size: 20px
	}

	.list-philosophy span {
		font-size: 20px
	}

	.list-strategy article h1 {
		font-size: 30px
	}




	.list-strategy .txt p {
		font-size: 20px
	}

	.company-hybr__wrap .title h4 {

		font-size: 40px
	}

	.horor-toggle .title p {
		font-size: 30px
	}

	.history-full__slick .title {
		font-size: 30px
	}

	.shy-arrow {
		font-size: 26px;
		line-height: 44px;
		width: 44px;
		height: 44px;
		margin-top: -22px
	}
}

@media (max-width: 1366px) {
	.list-culture article h1 {
		font-size: 18px
	}

	.list-philosophy span {
		font-size: 18px
	}

	.list-strategy article h1 {
		font-size: 26px
	}

	.list-strategy .txt p {
		font-size: 18px
	}

	.company-hybr__wrap .title h4 {
		font-size: 34px
	}

	.horor-toggle .title p {
		font-size: 26px
	}

	.company-intro .link-btn i {
		font-size: 20px
	}

	.history-full__slick .title {
		font-size: 26px
	}

	.shy-arrow {
		font-size: 22px;
		line-height: 40px;
		width: 40px;
		height: 40px;
		margin-top: -20px
	}
}

@media (max-width: 1024px) {
	.company-culture__wrap {
		padding-bottom: 20px
	}

	.company-intro .inner {
		margin-top: 15px
	}

	.list-strategy article {

		margin-top: 17px
	}

	.list-strategy article h1 {
		font-size: 22px
	}

	.list-strategy .txt p {
		font-size: 16px
	}

	.company-hybr__wrap .title h4 {
		font-size: 28px
	}

	.company-hybr__wrap .cont {
		left: 0;

		width: 100%;
		padding: 0 24px
	}

	.company-hybr__wrap .cont p {
		font-size: 16px;
	}


	.company-hybr__wrap .txt {
		margin-top: 15px
	}

	.list-culture article {
		display: none
	}




	.list-culture article .txt {
		margin-top: 0
	}

	.list-culture .item-right {
		background-color: transparent;
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	.list-culture .item-right .il-title {
		font-size: 18px;
		display: block;
		margin-bottom: 15px;
		color: #fff
	}

	.horor-toggle {
		margin-bottom: 20px
	}

	.horor-toggle .title {
		max-width: 580px;
		padding-right: 48px;
		padding-left: 48px
	}

	.horor-toggle .title p {
		font-size: 22px
	}

	.list-philosophy img {
		width: 65px
	}

	.list-philosophy .box {
		height: 260px;
		padding-top: 30px
	}

	.shyear-item span {
		font-size: 60px
	}

	.shyear-item span::before {
		left: -20px
	}

	.history-full__slick .title {
		font-size: 22px;
		line-height: 1.6
	}


	.history-full__slick .txt {
		margin-top: 15px
	}

	.history-full__slick .inner {
		padding: 0 30px
	}

	.shy-arrow {
		line-height: 40px;

		width: 40px;
		height: 40px;
		margin-top: -20px
	}

	.company-page__bgPic .link-btn {
		bottom: 20px
	}

	.company-intro .link-btn i {
		font-size: 18px


	}
}


@media (max-width: 768px) {
	.company-hybr__wrap .title h4 {
		font-size: 26px;
	}

	.list-philosophy li {
		width: 50%
	}

	.list-philosophy span {
		margin-top: 15px;
		margin-bottom: 10px
	}

	.list-strategy article h1 {
		font-size: 20px

	}

	.list-strategy .txt {
		margin-top: 4px


	}

	.list-strategy .txt p {
		font-size: 14px
	}


	.shyear-item span {
		font-size: 40px
	}

	.shyear-item span::before {
		left: -10px;
		display: none
	}

	.slick-hyear {
		margin-right: 90px;
		margin-left: 90px
	}

	.shy-left,.shy-right {
		width: 50px
	}

	.shy-left {
		left: 40px
	}

	.shy-left .shy-sbox {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px)
	}

	.shy-right {
		right: 40px
	}

	.history-full__slick .pic {
		width: 100%
	}

	.history-full__slick .inner {
		width: 100%;
		margin-top: 30px;
		padding: 0
	}

	.company-intro .link-btn i {
		font-size: 16px
	}
}

@media (max-width: 640px) {
	.company-hybr__wrap {
		padding-top: 90%;
	}

	.company-hybr__wrap .title h4 {
		font-size: 24px;
	}

	.company-hybr__wrap .cont p {
		font-size: 14px;
	}

	.company-honor__wrap .partner-arrow {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 30px
	}

	.horor-toggle .title {
		padding-right: 30px;
		padding-left: 30px
	}

	.horor-toggle .title p {
		font-size: 18px
	}



	.list-philosophy img {
		width: 50px
	}

	.history-full__slick .title {
		font-size: 18px
	}

	.shy-arrow {
		font-size: 20px;
		line-height: 34px;
		width: 34px;
		height: 34px;
		margin-top: -17px
	}

	.company-intro .bg-pic {
		padding-top: 50%
	}
}

@media (max-width: 500px) {
	.list-philosophy li {
		width: 100%
	}

	.list-philosophy .box {
		height: auto;
		padding-bottom: 30px
	}
}

.home .wrap {
	padding-top: 0
}

.banner-full {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.cray1440 {
	display: none
}

.index-banner__slick .item {
	position: relative;
	height: 100%
}

.index-banner__slick .pic img {
	width: 100%
}

.index-banner__slick .m-pic {
	display: none
}

.index-banner__slick .m-pic img {
	width: 100%
}

.index-banner__slick .item-cont {
	position: absolute;
	z-index: 80;
	top: 50%;
	left: 160px;
	max-width: 1200px;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}


.index-banner__slick .item-cont h4 {
	font: 18px "GothamBook";
	margin-bottom: 10px;
	letter-spacing: 1px;
	color: #fff
}


.index-banner__slick .item-cont h3 {
	font-size: 80px;
	font-weight: bold;
	line-height: 1.4;
	color: #fff
}

.index-banner__slick .item-cont p {
	font-size: 20px;
	line-height: 1.6;

	margin-top: 50px;
	letter-spacing: 10px;
	color: #fff

}

.index-banner__slick .ani-icon {
	position: absolute;
	top: 520px;
	right: 230px;
	-moz-transition: -moz-transform .6s;
	-o-transition: -o-transform .6s;
	-webkit-transition: -webkit-transform .6s;
	transition: transform .6s
}

.index-banner__slick .ani-icon.active {
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transform: translateY(20px)
}

.index-banner__btn {
	position: absolute;
	right: 90px;
	bottom: 80px
}

.index-banner__btn .ib-page,.index-banner__btn a {
	display: inline-block;
	vertical-align: middle
}

.index-banner__btn .ib-page {
	font-size: 0
}

.index-banner__btn .ib-page span {
	width: 25px
}

.index-banner__btn .ib-page span,.index-banner__btn .ib-page b {
	display: inline-block;
	vertical-align: middle
}

.index-banner__btn .ib-page span,.index-banner__btn .ib-page b {
	font-size: 16px;
	color: #fff
}

.index-banner__btn .current-page {
	text-align: right

}



.index-banner__btn .slick-arrow {
	-moz-transition: -moz-transform .4s;
	-o-transition: -o-transform .4s;
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s
}

.index-banner__btn .slick-arrow:hover {
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transform: scale(0.9)
}

.index-cooperation__wrap {
	padding-top: 140px;
	padding-bottom: 80px
}

.index-cooperation__wrap .title {
	max-width: 750px;
	padding-right: 100px

}

.index-cooperation__wrap .horor-toggle .partner-arrow {
	bottom: 30px
}

.index-cooperation__wrap .horor-toggle .partner-arrow a {
	margin-right: 0;
	margin-left: 20px
}

.index-cooperation__slick {
	border-top: 2px solid #0D6BAD
}

.index-cooperation__slick .pic {
	position: relative
}

.index-cooperation__slick .pic img {
	max-width: 100%;
	margin: auto;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s
}

.index-cooperation__slick .pic .hl {
	position: absolute;
	top: 0;
	left: 50%;
	visibility: hidden;
	opacity: 0;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.index-cooperation__slick .item {
	text-align: center
}

.index-cooperation__slick a {
	position: relative;
	display: block;
	height: 350px;
	padding-top: 40px
}

.index-cooperation__slick a:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;


	content: '';
	background-color: #0D6BAD;
	-moz-transition: -moz-transform .6s;

	-o-transition: -o-transform .6s;
	-webkit-transition: -webkit-transform .6s;
	transition: transform .6s;
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.index-cooperation__slick .cont {
	position: relative;
	padding: 0 24px
}

.index-cooperation__slick .inner {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}

.index-cooperation__slick .inner h4 {
	font-size: 22px;
	line-height: 1.8;
	margin-bottom: 10px;
	color: #202020
}

.index-cooperation__slick .inner p {
	font-size: 14px;
	line-height: 1.6;
	color: #888
}

.index-cooperation__slick .txt {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	visibility: hidden;
	width: 100%;
	padding: 0 24px;
	opacity: 0;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}

.index-cooperation__slick .txt p {
	color: #fff
}


.index-cooperation__slick .slick-track {
	margin-right: 0;
	margin-left: 0

}

.news-classify__slick {

	font-size: 0;

	position: relative
}

.news-classify__slick .item {
	position: relative;
	overflow: hidden;
}

.news-classify__slick figure {
	position: relative;
	overflow: hidden;


	width: 50%
}

.news-classify__slick img {
	width: 100%;

	-moz-transition: -moz-transform 2s;
	-o-transition: -o-transform 2s;
	-webkit-transition: -webkit-transform 2s;
	transition: transform 2s
}

.news-classify__slick .icon-aw {
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: -24px;
	color: #f5f5f5;
	-moz-transform: translateY(-50%) rotate(270deg);
	-ms-transform: translateY(-50%) rotate(270deg);
	-webkit-transform: translateY(-50%) rotate(270deg);
	transform: translateY(-50%) rotate(270deg);
}

.index-news__classify {
	position: relative;
	background: #f5f5f5;
}

.index-news__classify .ib-arrow {
	width: 100%;
	text-align: center
}

.index-news__wrap {
	padding: 70px 0;
}

.index-news__wrap .horor-toggle .title {
	padding-right: 100px;
	padding-left: 100px
}


.index-hybr__wrap .cont {
	max-width: 530px;
}

.index-hybr__wrap .box-btn {
	margin-top: 60px
}

.index-hybr__wrap .box-btn a {
	margin-right: 40px
}

.index-hybr__wrap .btn-02 i {
	font-size: 18px;

	font-weight: 700
}



.index-hybr__wrap .btn-02 p:after {
	background-color: #fff
}

.index-product__feature {
	padding: 60px 0 70px 0;
}

.index-product__feature .horor-toggle {
	margin-bottom: 60px

}

.index-product__feature .horor-toggle .title {
	max-width: 100%
}

.index-product__feature ul {
	font-size: 0;
	margin: 0 -28px;
}

.index-product__feature li {
	display: inline-block;
	width: 25%;
	margin-bottom: 80px;
	vertical-align: top;
}

.index-product__feature li a {

	position: relative;
	overflow: hidden;
	height: 350px;
	margin: 0 28px;

	text-align: center;
	background-color: #fff;
	display: flex;
	align-items: center;
}

.index-product__feature li a:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;

	content: '';
	background-color: #0D6BAD;
	-moz-transition: -moz-transform .6s;
	-o-transition: -o-transform .6s;
	-webkit-transition: -webkit-transform .6s;
	transition: transform .6s;
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.index-product__feature .item-box {
	width: 100%;
	padding: 0 35px;
}

.index-product__feature .item-box__pic img {
	max-width: 80px;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.index-product__feature .item-box__pic .hl {
	position: absolute;
	top: 0;
	left: 50%;
	visibility: hidden;
	opacity: 0;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.index-product__feature .item-box__cont {
	margin-top: 25px
}

.index-product__feature .inner {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	backface-visibility: hidden
}

.index-product__feature .inner p {
	font-size: 22px;
	line-height: 1.6;
	color: #202020
}

.index-product__feature .txt {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	width: 100%;
	opacity: 0;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	backface-visibility: hidden
}

.index-product__feature .txt p {
	color: #fff;
	max-width: 310px;
	margin: auto;
	font-size: 22px;
}

.index-product__wrap .ikon-dec__down i {
	background-color: #0D6BAD
}

.index-product__wrap .ikon-dec__down span {
	color: #0D6BAD;
	writing-mode: vertical-lr
}

.index-product__wrap .row-left__dec {
	top: 0;
	left: 80px;
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px)
}

.index-product__wrap .row-left__dec i {
	height: 480px;
	-moz-transform: translateY(55px);
	-ms-transform: translateY(55px);
	-webkit-transform: translateY(55px);
	transform: translateY(55px)
}


.index-product__wrap .row-left__dec span {

	-moz-transform: translateY(25px) rotate(0);
	-ms-transform: translateY(25px) rotate(0);

	-webkit-transform: translateY(25px) rotate(0);
	transform: translateY(25px) rotate(0)

}

.index-product__wrap .row-right__dec {
	top: 0;
	right: 65px;
	left: auto;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.index-product__wrap .row-right__dec i {
	height: 450px;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.index-product__wrap .row-right__dec span {
	-moz-transform: translateY(30px) rotate(180deg);
	-ms-transform: translateY(30px) rotate(180deg);
	-webkit-transform: translateY(30px) rotate(180deg);

	transform: translateY(30px) rotate(180deg)
}

.index-pro__caption {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: center
}

.index-pro__caption span {
	font-size: 48px;
	line-height: 1.4;
	display: block;
	color: #202020;
	font-weight: 500

}

.index-pro__caption p {
	font-size: 14px;
	line-height: 2;
	color: #888;
}

.small-product__main {
	display: none
}

.index-product__main {
	position: relative
}

.index-product__main .ib-arrow {

	z-index: 30;
	top: 0;

	right: auto;
	bottom: auto;
	left: 50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.index-product__item {
	position: relative;
	display: none
}

.index-product__item:nth-child(2) {
	display: block
}

.index-product__slick {
	font-size: 0;

	background-color: #F7F7F7
}

.index-product__slick .item:after {
	display: block;
	clear: both;
	content: ''
}

.index-product__slick .rows {
	width: 50%
}

.index-product__slick .rows-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%
}

.index-product__slick .row-right {
	position: relative;
	float: right
}

.index-product__slick .row-right:after {
	position: absolute;
	top: 0;
	left: 0;

	display: block;
	width: 100%;
	height: 100%;
	content: '';
	opacity: .4;
	background-color: #0D6BAD
}

.index-product__slick .row-right a {
	position: relative;
	display: block;
	z-index: 10
}

.index-product__slick .row-right img {
	width: 100%
}


.index-product__slick .row-right .link-btn,.index-product__slick .row-right .cont {
	position: absolute;
	bottom: 40px;
	z-index: 40
}

.index-product__slick .row-right .cont {
	left: 0;
	width: 100%;
	padding-right: 190px;
	padding-left: 40px
}

.index-product__slick .row-right .cont time {
	font-size: 14px;
	color: #fff
}


.index-product__slick .row-right .cont .txt {
	margin-top: 25px
}




.index-product__slick .row-right .cont p {
	font-size: 22px;
	line-height: 1.6;
	color: #fff
}

.index-product__slick .row-right .link-btn {
	right: 40px
}

.index-product__slick .rows-left .sub {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.index-product__slick .rows-left .sub {
	z-index: 100;
	width: 100%
}

.index-product__slick .rows-left img {
	z-index: 20;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: block
}

.index-product__slick .rows-left p {
	font-size: 160px;
	opacity: .1;
	color: #0D6BAD;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 0 24px;
	text-align: center;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

	transform: translateY(-50%)
}

.index-product__tab .link-round {
	visibility: hidden;
	opacity: 0;

	-moz-transition: all .4s;

	-o-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);

	transform: scale(0)
}

.index-product__tab p {


	color: #888;
	-moz-transition: color .3s;
	-o-transition: color .3s;

	-webkit-transition: color .3s;
	transition: color .3s
}

.index-product__tab .on .link-round {

	visibility: visible;
	opacity: 1;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1)
}

.index-product__tab .on p {
	color: #0D6BAD
}

.index-product__tab a {
	margin-right: 25px;
	margin-left: 25px
}

.index-product__tab a:hover .link-round {
	visibility: visible;
	opacity: 1;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1)
}

.index-product__tab a:hover p {
	color: #0D6BAD
}

@media (min-width: 1025px) {
	.news-classify__slick article {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 50%;
		margin-top: 0;
		padding-left: 6.25vw;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.news-classify__slick a:hover img {
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	.index-product__feature li a:hover:before {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}


	.index-product__feature li a:hover .txt {
		visibility: visible;
		opacity: 1
	}

	.index-product__feature li a:hover .inner {
		visibility: hidden;
		opacity: 0
	}

	.index-product__feature li a:hover .item-box__pic .hl {
		visibility: visible;
		opacity: 1
	}

	.index-product__feature li a:hover .item-box__pic .dl {
		visibility: hidden;
		opacity: 0
	}

	.index-product__slick .row-right .link-btn span,.index-product__slick .row-right .link-btn p {
		-moz-transition: -moz-transform .4s;
		-o-transition: -o-transform .4s;
		-webkit-transition: -webkit-transform .4s;
		transition: transform .4s
	}

	.index-product__slick .row-right .link-btn p {
		position: relative;
		padding: 3px 0
	}

	.index-product__slick .row-right .link-btn p:after {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		display: block;
		width: 0;
		height: 1px;
		content: '';
		background-color: #fff;
		-moz-transition: width .4s;
		-o-transition: width .4s;
		-webkit-transition: width .4s;
		transition: width .4s
	}

	.index-product__slick .row-right:hover .link-btn span {
		-moz-transform: translateX(95px);
		-ms-transform: translateX(95px);
		-webkit-transform: translateX(95px);
		transform: translateX(95px)
	}

	.index-product__slick .row-right:hover .link-btn p {
		-moz-transform: translateX(-44px);


		-ms-transform: translateX(-44px);
		-webkit-transform: translateX(-44px);
		transform: translateX(-44px)
	}

	.index-product__slick .row-right:hover .link-btn p:after {
		width: 100%
	}

	.index-product__slick .rows-left img {
		-moz-transition: -moz-transform .6s;
		-o-transition: -o-transform .6s;
		-webkit-transition: -webkit-transform .6s;
		transition: transform .6s
	}

	.index-product__slick .rows-left:hover img {
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	.index-cooperation__slick a:hover:before {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	.index-cooperation__slick a:hover .pic .dl {
		visibility: hidden;
		opacity: 0
	}

	.index-cooperation__slick a:hover .pic .hl {
		visibility: visible;
		opacity: 1
	}

	.index-cooperation__slick a:hover .inner {

		visibility: hidden;
		opacity: 0
	}

	.index-cooperation__slick a:hover .txt {
		visibility: visible;

		opacity: 1
	}
}

@media (max-width: 1920px) {
	.index-banner__slick .m-pic {
		display: none;
		padding-top: 100vh
	}


	.index-banner__slick .m-pic img {
		width: 100%
	}

	.index-banner__slick .item-cont {

		position: absolute;
		z-index: 80;
		top: 50%;
		left: 8.33333vw;

		max-width: 62.5vw;

		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.index-banner__slick .item-cont h4 {
		font: 18px "GothamBook";
		margin-bottom: .52083vw;
		letter-spacing: 1px;
		color: #fff
	}

	.index-banner__slick .item-cont h3 {
		font-size: 4.16667vw;
		font-weight: bold;
		line-height: 1.4;
		color: #fff
	}

	.index-banner__slick .item-cont p {
		font-size: 20px;
		line-height: 1.6;
		margin-top: 2.60417vw;
		letter-spacing: .52083vw;
		color: #fff
	}

	.index-banner__slick .ani-icon {
		position: absolute;
		top: 43%;
		right: 166px;
		-moz-transition: -moz-transform .6s;
		-o-transition: -o-transform .6s;
		-webkit-transition: -webkit-transform .6s;
		transition: transform .6s
	}

	.index-banner__slick .ani-icon.active {
		-moz-transform: translateY(20px);
		-ms-transform: translateY(20px);
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	.index-banner__btn {
		right: 4.6875vw;
		bottom: 4.16667vw
	}

	.index-cooperation__wrap {
		padding-top: 7.29167vw;
		padding-bottom: 4.16667vw
	}

	.index-cooperation__wrap .horor-toggle .partner-arrow a {

		margin-left: 1.04167vw

	}

	.index-cooperation__slick a {
		padding-top: 2.08333vw
	}

	.index-cooperation__slick .inner h4 {
		margin-bottom: .52083vw
	}

	.index-news__wrap {
	}


	.index-hybr__wrap .box-btn {

		margin-top: 3.125vw
	}

	.index-hybr__wrap .box-btn a {
		margin-right: 2.08333vw
	}

	.index-product__feature {
	}

	.index-product__feature .horor-toggle {
		margin-bottom: 3.125vw
	}

	.index-product__feature ul {
		margin: 45px -1.45833vw 0;
	}

	.index-product__feature li {
		margin-bottom: 1vw;

	}

	.index-product__feature li a {
		margin: 0 1vw;
	}

	.index-product__feature .item-box__cont {
		margin-top: 1.30208vw;
	}

	.index-product__wrap .row-left__dec {
		left: 4.16667vw
	}

	.index-product__wrap .row-left__dec i {
		height: 25vw
	}

	.index-product__wrap .row-right__dec {

		right: 3.38542vw
	}

	.index-product__wrap .row-right__dec i {
		height: 23.4375vw
	}

	.index-product__slick .row-right .link-btn,.index-product__slick .row-right .cont {
		bottom: 2.08333vw
	}

	.index-product__slick .row-right .cont {
		padding-right: 9.89583vw;
		padding-left: 2.08333vw
	}

	.index-product__slick .row-right .cont .txt {
		margin-top: 1.30208vw
	}

	.index-product__slick .row-right .link-btn {
		right: 2.08333vw
	}

	.index-product__slick .rows-left p {
		font-size: 8.33333vw
	}

	.index-product__tab a {
		margin-right: 1.30208vw;
		margin-left: 1.30208vw
	}
}

@media (max-width: 1800px) {
	.index-product__wrap .row-left__dec {
		left: 30px
	}

	.index-product__wrap .row-right__dec {
		right: 30px
	}
}

@media (max-width: 1600px) {
	.index-pro__caption span {
		font-size: 44px
	}
}

@media (max-width: 1440px) {
	.cray1920 {
		display: none
	}

	.cray1440 {
		display: block
	}

	.index-product__feature .inner p {
		font-size: 22px;
	}

	.index-product__feature .dl,.index-product__feature .hl {
		width: 80px
	}

	.index-product__feature li a {
		height: 340px
	}

	.index-cooperation__slick .inner h4 {
		font-size: 20px
	}

	.index-pro__caption span {
		font-size: 42px
	}

	.index-product__slick .row-right .cont p {
		font-size: 20px
	}

	.index-product__wrap .row-left__dec {
		left: 3%
	}

	.index-product__wrap .row-right__dec {
		right: 3%
	}


	.index-product__wrap .ikon-dec__down span {
		font-size: 14px
	}

	.index-product__main {
		width: 92%;
		margin-right: auto;
		margin-left: auto
	}
}

@media (max-width: 1366px) {
	.index-product__feature .inner p {
		font-size: 22px;
	}

	.index-product__feature li a {
		height: 340px;
	}

	.index-product__feature .dl,.index-product__feature .hl {
		width: 65px
	}

	.index-cooperation__slick .inner h4 {
		font-size: 18px

	}


	.index-pro__caption span {
		font-size: 34px
	}


	.index-product__slick .row-right .cont p {
		font-size: 18px
	}
}

@media (max-width: 1200px) {
	.news-classify__slick article {
		padding-left: 45px
	}

	.index-pro__caption span {
		font-size: 32px
	}
}

@media (max-width: 1024px) {
	.index-product__feature {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.index-product__feature ul {
		margin: 30px -10px;
	}

	.index-product__feature li {
		margin-bottom: 20px;
	}

	.index-product__feature li a {
		height: 320px;
		margin: 0 10px;
	}

	.index-product__feature .inner p {
		font-size: 18px;
	}

	.index-product__feature .item-box__cont {
		margin-top: 25px;
	}

	.index-product__feature .horor-toggle {
		margin-bottom: 30px
	}

	.news-classify__slick figure {
		width: 100%

	}


	.news-classify__slick article {
		margin-top: 25px;
		padding: 0 24px 30px 24px
	}

	.news-classify__slick .icon-aw {


		display: none
	}

	.index-news__classify {
		margin-bottom: 0;
	}

	.index-news__classify .ib-arrow {
		top: 54.17%;
		bottom: auto;
		text-align: right
	}

	.index-hybr__wrap .box-btn {
		margin-top: 20px
	}

	.index-hybr__wrap .box-btn a {
		margin-right: 20px
	}

	.index-hybr__wrap .btn-02 i {
		font-size: 16px
	}

	.index-cooperation__slick a {
		height: 260px
	}

	.index-cooperation__slick .txt {
		bottom: 40px
	}

	.index-cooperation__slick .pic img {
		width: 120px
	}

	.index-banner__slick .pic {
		display: none
	}

	.index-banner__slick .m-pic {
		display: block

	}

	.index-cooperation__wrap {
		padding-top: 70px;
		padding-bottom: 40px
	}

	.index-cooperation__wrap .title {
		padding-right: 60px
	}

	.index-news__wrap {
		padding-top: 40px;
		padding-bottom: 40px;
	}


	.index-pro__caption span {

		font-size: 28px;
		font-weight: bold;
		margin-bottom: 10px
	}

	.ikon-dec__down {
		display: none
	}

	.index-product__slick .rows-left {
		padding-bottom: 44px;
		background-color: #F7F7F7
	}

	.index-product__slick .rows-left p {
		font-size: 70px
	}

	.index-product__slick .rows-left img {
		position: absolute;

		top: 50%;

		left: 50%;
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.index-product__slick .row-right a {
		z-index: 10
	}

	.index-product__slick .row-right .link-btn {
		display: none
	}

	.index-product__slick .row-right .cont {
		bottom: 20px;
		padding-right: 20px;
		padding-left: 20px;
		pointer-events: none
	}

	.index-product__slick .row-right .cont p {
		font-size: 16px

	}


	.index-product__tab {
		display: none
	}

	.index-product__tab a {
		margin-right: 14px;
		margin-left: 14px
	}

	.small-product__main {
		margin-top: 0;
		display: block
	}

	.small-product__main .index-product__slick .index-pro__caption {
		display: none
	}

	.small-product__main .index-caption__full {
		margin-bottom: 30px
	}

	.larze-product__main {
		display: none
	}

	.index-product__main {
		width: 100%
	}

	.index-banner__slick .svg-box,.index-banner__slick .ani-icon {
		display: none
	}

	.index-banner__slick .item-cont {
		left: 0;
		max-width: 84%;
		padding: 0 24px
	}

	.index-banner__slick .item-cont h4 {
		font-size: 16px;
		margin-bottom: 8px
	}

	.index-banner__slick .item-cont h3 {
		font-size: 50px
	}

	.index-banner__slick .item-cont p {
		font-size: 18px;
		margin-top: 15px
	}

	.index-product__item {
		display: block
	}
}


@media (max-width: 800px) {
	.index-banner__slic .pic {
		display: none
	}

	.index-banner__slic .m-pic {
		display: block
	}

	.index-product__feature ul {
		margin: 30px -5px;
	}

	.index-product__feature li {
		width: 50%

	}

	.index-product__feature li a {
		height: 260px;
		margin: 0 5px;
	}

	.index-product__feature .item-box {
		padding: 0 35px;
	}

	.index-product__feature .dl,.index-product__feature .hl {

		width: 65px
	}

	.index-product__feature .inner p {

		font-size: 18px;
	}

	.index-pro__caption span {

		font-size: 24px
	}

	.index-news__wrap .horor-toggle .title {
		padding-right: 60px;
		padding-left: 60px
	}

	.index-product__main .ib-arrow {
		top: calc(50% - 44px);
		right: 0;
		left: auto;
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	.index-product__slick .rows {
		width: 100%
	}

	.index-product__slick .rows-left {
		position: relative;
		top: auto;
		left: auto;
		padding-bottom: 0
	}

	.index-product__slick .rows-left:after {
		display: block;

		padding-top: 50%;
		content: ''
	}

	.index-product__slick .row-right {
		float: none
	}

	.index-product__slick .row-right a:after {
		position: relative;
		display: block;
		padding-top: 50%;
		content: ''
	}

	.index-product__slick .row-right a img {
		position: absolute;
		top: 0;
		left: 0
	}
}

@media (max-width: 750px) {
	.index-news__classify article {
		height: auto

	}

	.index-banner__slick .item-cont {
		max-width: 100%
	}

	.index-banner__slick .item-cont h3 {
		font-size: 40px
	}
}

@media (max-width: 640px) {
	.index-banner__slick .item-cont {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		top: auto;

		bottom: 30%

	}


	.index-banner__slick .item-cont h3 {
		font-size: 22px
	}


	.index-cooperation__wrap .horor-toggle .partner-arrow {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 30px
	}

	.index-cooperation__wrap .title {
		padding-right: 30px
	}

	.index-pro__caption span {
		font-size: 22px
	}

	.index-product__tab a {
		width: 42%;
		margin-bottom: 20px
	}

	.index-product__slick .row-right .cont time {
		font-size: 12px
	}

	.index-product__slick .row-right .cont p {
		font-size: 14px
	}

	.index-hybr__wrap {
		padding-top: 90%;
	}

	.index-news__wrap .horor-toggle .title {
		padding-right: 24px;
		padding-left: 24px
	}

	.index-product__main .ib-arrow {
		top: calc(50% - 36px)


	}

	.index-cooperation__slick .inner h4 {
		font-size: 16px
	}

	.index-cooperation__slick .title {
		padding-right: 30px
	}
}

@media (max-width: 500px) {
	.index-pro__caption span {
		font-size: 20px
	}

	.index-product__feature ul {
		margin: 30px -10px;
	}

	.index-product__feature li {
		width: 100%
	}

	.index-product__feature li a {
		margin: 0 10px
	}
}

.form-name {
	font-family: "GothamBook";
	font-size: 16px;
	position: relative;

	padding-left: 120px;
	color: #0D6BAD
}

.form-name::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100px;
	height: 2px;
	margin-top: -1px;
	content: '';
	background-color: #0D6BAD
}

.form-intro h2 {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.8;
	margin-bottom: .4em;
	letter-spacing: .025em;
	color: #202020
}

.form-intro p {
	font-size: 14px;
	line-height: 2;
	letter-spacing: .05em;
	color: #999
}

.form-box {
	font-size: 0;
	margin-right: -28px;
	margin-left: -28px
}

.fw-500 {
	font-weight: 500
}

.ml-40 {
	margin-left: 40px
}

.col-1 {
	width: 100%
}

.col-2 {
	width: 50%
}

.col-3 {
	width: 33.3333%
}

.col-4 {
	width: 25%
}

.col-5 {
	width: 75%
}

@media (max-width: 768px) {
	.col-4,.col-2,.col-3 {
		width: 100%
	}
}

.form-item {
	display: inline-block;
	margin-top: 40px;
	vertical-align: top
}


.form-item.auto-width {
	width: auto
}

.form-item.auto-width .form-item__wrap {
	margin-right: 0
}

.form-item.focus .fi-label {
	font-size: 12px;
	line-height: 20px;
	margin-top: -15px
}


.form-item.focus .fi-label-num {

	display: none
}

.form-item.focus .form-item__wrap::after {

	width: 100%
}

.form-item.no-border .form-item__wrap::before,.form-item.no-border .form-item__wrap::after {
	display: none
}

.form-item label.error {
	font-size: 12px;

	line-height: 20px;
	position: absolute;

	top: 100%;
	padding-top: 5px;
	color: #0D6BAD
}

.form-item__wrap {
	position: relative;
	margin-right: 28px;
	margin-left: 28px;
	padding-bottom: 2px
}

.form-item__wrap::before,.form-item__wrap::after {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	content: ''
}

.form-item__wrap::before {
	right: 0;
	background-color: #999
}

.form-item__wrap::after {
	width: 0;
	background-color: #0D6BAD
}

.fi-input {
	font-size: 16px;
	font-weight: 400;
	line-height: 40px;
	display: block;
	width: 100%;
	padding: 0;
	color: #202020;
	border: 0;

	outline: 0;
	background-color: transparent
}

.fi-file {
	display: none
}


.fi-textarea {
	font-size: 16px;
	line-height: 2;
	display: block;
	width: 100%;
	height: 9.5em;
	padding: 12px 0;
	resize: none;
	color: #202020;
	border: 0;
	outline: 0;
	background-color: transparent
}

.fi-textarea-lfb {
	height: 5.5em
}

.fi-label {
	font-size: 16px;
	line-height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	cursor: pointer;
	color: #999;
	z-index: 100
}

.fi-label-add {
	font-size: 16px;
	line-height: 20px;
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	color: #999
}

.fi-add-asyc {
	font-size: 16px;
	line-height: 20px;
	display: inline-block;
	margin-left: 1em;
	cursor: pointer;
	vertical-align: top;


	color: #999

}


.fi-add-asyc::before {
	margin-right: .25em
}

.fi-add-asyc.active {
	color: #0D6BAD
}

.fi-label-file {
	font-size: 16px;

	line-height: 40px;
	position: relative;
	display: block;
	padding-right: 40px;
	color: #999
}


.btn-upfile {
	font-size: 20px;
	line-height: 30px;
	position: absolute;
	top: 5px;
	right: 0;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	background-color: #0D6BAD
}

.fi-select-c {
	font-size: 16px;
	line-height: 40px;
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	padding: 0;
	text-align: center;
	color: #333;
	border: 0;
	outline: 0;
	background-color: transparent
}

.fi-select-ca {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	color: transparent
}

.fi-select-ca.show {
	color: #333
}

.fi-gtitle {
	font-size: 16px;
	line-height: 20px;
	margin-left: 28px;
	color: #999
}

.fi-group .form-item {
	margin-top: 0
}

.fi-label-country {
	right: auto
}

.fi-profit {
	font-size: 16px;
	line-height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	color: #999
}

.form-handle {
	margin-top: 80px
}

.form-item__tips .form-item__wrap {
	padding-bottom: 0
}




.form-item__tips .form-item__wrap::before {
	display: none
}


.fi-tips {
	font-size: 12px;
	line-height: 28px;
	color: #999
}

.fi-submit {
	font-size: 16px;
	line-height: 50px;
	display: inline-block;
	min-width: 160px;
	height: 50px;
	margin-top: 20px;
	padding: 0 35px;
	cursor: pointer;
	text-align: center;
	vertical-align: top;
	letter-spacing: .1em;
	color: #fff;
	border: 0;
	border-radius: 50px;
	outline: 0;
	background-color: #0D6BAD
}

@media (max-width: 750px) {
	.form-handle {
		margin-top: 40px
	}

	.fi-submit {
		line-height: 40px;
		min-width: 120px;
		height: 40px
	}

	.fi-group-step3 .form-item {
		margin-top: 20px
	}

	.form-handle .fi-submit {
		margin-right: 10px;
		margin-left: 10px
	}

	.form-item.focus .fi-label {
		margin-top: -10px
	}

	.fi-label {
		font-size: 14px
	}
}

.fi-btn-prev {
	color: #0D6BAD;
	background-color: #F7F7F7
}

@media (min-width: 1025px) {
	.fi-btn-prev:hover {

		color: #fff;
		background-color: #0D6BAD
	}
}

.fi-country {
	position: relative;
	display: inline-block;
	vertical-align: top

}

.fi-country-left {
	text-align: center
}

.fi-country-right {
	position: relative;
	z-index: 1;
	display: block
}

.fi-country-right::after {
	font-family: 'iconfont';
	font-size: 16px;


	line-height: 40px;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	content: '\e60a';
	color: #999
}


.fic-label {
	font-size: 16px;
	line-height: 40px;
	position: relative;
	display: inline-block;
	padding-left: 20px;
	cursor: pointer;
	vertical-align: top;
	color: #999
}

.fic-label::before {
	position: absolute;
	top: 11px;
	left: 0;
	box-sizing: border-box;
	width: 15px;
	height: 15px;
	content: '';
	border: 2px solid #0D6BAD;
	border-radius: 50%
}

.fic-label::after {
	position: absolute;
	top: 15px;
	left: 4px;
	box-sizing: border-box;
	width: 7px;
	height: 7px;
	content: '';
	border-radius: 50%
}

.fic-label.active {
	color: #333
}

.fic-label-lfb {
	padding-left: 0
}


.fic-label-lfb::before,.fic-label-lfb::after {
	display: none
}


.fi-radio {
	display: none
}

.fi-radio:checked+label {
	color: #333
}

.fi-radio:checked+label::after {
	background-color: #0D6BAD
}

.form-upfile {
	margin-top: 30px
}

.form-zipfile {
	margin-top: 60px
}

.fi-zip {
	display: none
}

.fi-zip-title {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	margin-bottom: 1em;
	color: #999
}

.fi-zip-label {
	font-size: 14px;
	line-height: 40px;
	position: relative;
	display: inline-block;
	padding-left: 40px;
	vertical-align: top;
	color: #999




}

.fi-zip-label::before {
	font-family: 'iconfont';
	font-size: 20px;
	line-height: 1.5;
	position: absolute;
	top: 5px;
	left: 0;
	width: 1.5em;
	height: 1.5em;
	content: '\e65e';
	text-align: center;
	color: #fff;
	border-radius: 50%;
	background-color: #0D6BAD
}

.fi-currency {

	position: absolute;
	top: 0;
	right: 0
}

.fi-currency::before {
	font-family: 'iconfont';
	font-size: 16px;
	line-height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	content: '\e60a';
	color: #999
}

.fi-currency select {
	font-family: "GothamMedium";
	font-size: 14px;
	line-height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 24px;
	color: #999;
	border: 0;
	outline: 0;
	background-color: transparent
}

.fi-select {
	position: relative
}

.fi-select select {
	font-size: 16px;
	position: relative;
	display: block;
	width: 100%
}

@media (max-width: 1024px) {
	.form-box {
		margin-right: -20px;
		margin-left: -20px;
		margin-top: 20px
	}

	.form-item__wrap {
		margin-right: 20px;
		margin-left: 20px
	}

	.form-intro h2 {
		font-size: 24px;
		line-height: 1.6
	}

	.fi-gtitle {
		margin-left: 20px
	}
}

@media (max-width: 750px) {
	.form-intro h2 {
		font-size: 22px
	}
}

@media (max-width: 640px) {
	.form-intro h2 {
		font-size: 20px
	}
}

.supplier-top .list-supplier>li,.supplier-top .list-supplier>div,.supplier-top .list-supplier .slick-slide {
	outline: none
}


.supplier-top .list-supplier>li:nth-child(1) i,.supplier-top .list-supplier>div:nth-child(1) i,.supplier-top .list-supplier .slick-slide:nth-child(1) i {
	background: url(../assets/images/sl-01.svg) no-repeat center center
}

.supplier-top .list-supplier>li:nth-child(2) i,.supplier-top .list-supplier>div:nth-child(2) i,.supplier-top .list-supplier .slick-slide:nth-child(2) i {
	background: url(../assets/images/sl-02.svg) no-repeat center center
}

.supplier-top .list-supplier>li:nth-child(3) i,.supplier-top .list-supplier>div:nth-child(3) i,.supplier-top .list-supplier .slick-slide:nth-child(3) i {
	background: url(../assets/images/sl-03.svg) no-repeat center center
}

.supplier-top .list-supplier>li:nth-child(4) i,.supplier-top .list-supplier>div:nth-child(4) i,.supplier-top .list-supplier .slick-slide:nth-child(4) i {
	background: url(../assets/images/sl-04.svg) no-repeat center center
}

.supplier-top .list-supplier>li:nth-child(5) i,.supplier-top .list-supplier>div:nth-child(5) i,.supplier-top .list-supplier .slick-slide:nth-child(5) i {
	background: url(../assets/images/sl-05.svg) no-repeat center center

}

.supplier-top .list-supplier .current:nth-child(1) i {
	background-image: url(../assets/images/sh-01.svg)

}

.supplier-top .list-supplier .current:nth-child(2) i {
	background-image: url(../assets/images/sh-02.svg)
}

.supplier-top .list-supplier .current:nth-child(3) i {
	background-image: url(../assets/images/sh-03.svg)
}



.supplier-top .list-supplier .current:nth-child(4) i {
	background-image: url(../assets/images/sh-04.svg)
}

.supplier-top .list-supplier .current:nth-child(5) i {
	background-image: url(../assets/images/sh-05.svg)
}

.list-supplier {
	font-size: 0;
	margin-right: -28px;
	margin-left: -28px
}

.list-supplier>li,.list-supplier>div {
	margin-bottom: 0;
	display: inline-block;
	vertical-align: top
}

.list-supplier>li:last-of-type .supplier-item::after,.list-supplier>div:last-of-type .supplier-item::after {
	display: none
}


.list-supplier>div i {

	display: block;
	width: 3.75vw;
	height: 3.75vw;
	margin-right: auto;
	margin-left: auto
}

.job-process__wrap .list-supplier>div,.supplier-top .list-supplier>div {
	width: 20%

}

.dealer-middle__content .list-supplier>div {
	width: 25%
}

.supplier-item {
	position: relative;
	margin: 0 28px;
	padding-top: 38px;
	padding-bottom: 20px;
	text-align: center;
	background-color: #fff
}

.supplier-item>i {
	font-size: 72px;
	display: inline-block;
	margin-bottom: .2em;
	vertical-align: top;
	color: #ccc

}

.supplier-item::after {
	font-family: 'iconfont';
	font-size: 30px;
	position: absolute;
	top: 50%;

	right: 0;
	margin-top: -.5em;
	margin-right: -1.43333em;

	content: '\e601';
	color: #999

}

.supplier-item.current {
	background-color: #0D6BAD

}

.supplier-item.current>i {
	color: #fff
}

.supplier-item.current::after {
	color: #0D6BAD
}

.supplier-item.current .supplier-item__num>span {
	color: #fff
}

.supplier-item.current .supplier-item__txt {
	color: #fff
}

.supplier-item__num {
	position: relative
}

.supplier-item__num>span {
	font-family: "GothamBold";
	font-size: 120px;
	opacity: .05;
	color: #0D6BAD
}

.supplier-item__txt {
	font-size: 22px;
	line-height: 1.65;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0
}

.supplier04 .fi-label {
	pointer-events: none
}

@media (max-width: 1920px) {
	.list-supplier {
		margin-right: -1.45833vw;
		margin-left: -1.45833vw


	}

	.list-supplier>li i,.list-supplier>div i {
		display: block;
		width: 3.75vw;
		height: 3.75vw;

		margin-right: auto;
		margin-left: auto
	}

	.supplier-item {
		margin-right: 1.45833vw;
		margin-left: 1.45833vw
	}

	.supplier-item>i {
		font-size: 3.75vw
	}

	.supplier-item::after {
		font-size: 1.5625vw
	}

	.supplier-item__num>span {
		font-size: 6.25vw
	}

	.supplier-item__txt {
		font-size: 1.14583vw
	}
}

@media (max-width: 1024px) {
	.supplier-top {
		padding: 60px 0
	}
}

@media (max-width: 750px) {
	.list-supplier>li i,.list-supplier>div i {
		width: 4.8vw;
		height: 4.8vw
	}
}

@media (max-width: 600px) {
	.supplier-item::after {
		display: none
	}

	.list-supplier {
		margin-right: -10px;
		margin-left: -10px;
		text-align: center
	}

	.list-supplier>li,.list-supplier>div {
		width: 100%;
		margin-bottom: 40px
	}

	.list-supplier>li:last-child,.list-supplier>div:last-child {
		margin-bottom: 0
	}

	.list-supplier>li i,.list-supplier>div i {
		width: 52px;
		height: 52px
	}

	.supplier-item {
		margin: 0 10px
	}

	.supplier-item>i {
		font-size: 36px
	}

	.supplier-item::after {
		font-size: 15px
	}

	.supplier-item__num>span {
		font-size: 88px
	}

	.supplier-item__txt {
		font-size: 18px
	}

	.supplier-top .list-supplier>div,.job-process__wrap .list-supplier>div,.dealer-middle__content .list-supplier>div {

		width: 100%
	}

	.supplier-top .list-supplier>div {
		display: none;
		margin-bottom: 0
	}


	.supplier-top .list-supplier .slick-dots {
		margin-top: 40px
	}


	.supplier .list-supplier>div {
		display: block
	}

	.supplier01 .list-supplier>div:nth-child(1) {
		display: block
	}




	.supplier02 .list-supplier>div:nth-child(2) {

		display: block


	}

	.supplier03 .list-supplier>div:nth-child(3) {

		display: block

	}

	.supplier04 .list-supplier>div:nth-child(4) {
		display: block
	}

	.supplier05 .list-supplier>div:nth-child(5) {
		display: block
	}
}

.supplier-intro,.supplier-form {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto
}

.sec-title__en {
	font-family: "GothamBook";
	font-size: 16px;
	text-align: center;
	color: #0D6BAD
}

.sec-title__cn {
	font-size: 40px;
	font-weight: 700;
	margin-top: .75em;
	text-align: center;
	letter-spacing: .025em;
	color: #202020
}

.sec-body {
	font-size: 14px;
	line-height: 2;
	letter-spacing: .05em;
	color: #666
}

.form-item-cate {
	position: relative;
	z-index: 2
}

.fi-category {

	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	padding: 20px;
	border: 1px solid #ddd;
	background-color: #fff
}

.fi-category-title {
	font-size: 14px;
	font-weight: 700;
	line-height: 30px;
	color: #333
}

.list-ficate {
	margin-right: 0;
	margin-left: 0
}

.list-ficate>li {
	margin-bottom: 0
}

.ficate-label {
	font-size: 14px;
	line-height: 24px;
	position: relative;
	display: inline-block;
	padding-left: 20px;
	cursor: pointer;
	vertical-align: top;
	color: #666

}

.ficate-label::before {
	font-family: 'iconfont';

	font-size: 14px;
	line-height: 24px;
	position: absolute;
	top: 0;
	left: 0;
	content: '\e61f';
	color: #666
}


.ficate-checkbox {
	display: none
}


.ficate-checkbox:checked+label {
	color: #599bff
}

.ficate-checkbox:checked+label::before {
	content: '\e617';
	color: #599bff
}

.supplier-success {
	font-size: 22px;

	font-weight: 500;
	line-height: 36px;
	padding: 120px 0 0;
	text-align: center;
	letter-spacing: .025em;
	color: #333
}

@media (max-width: 1024px) {
	.sec-title__cn {
		font-size: 24px;
		margin-bottom: 1em

	}
}


.form-feedback {
	padding: 120px 0;
	background-color: #F7F7F7
}

@media (max-width: 750px) {
	.supplier-success {
		font-size: 16px;
		line-height: 2;
		padding-top: 60px
	}


	.form-feedback {
		padding: 60px 0
	}

	.list-ficate>li {
		width: auto;
		margin-right: 10px
	}
}

.form-university {
	font-size: 0
}

.fu-left,.fu-right {
	display: inline-block;
	width: 50%;
	height: 720px;
	vertical-align: top
}

.fu-left {

	background: url(../upload/form/bg_university.jpg) no-repeat center center;
	background-size: cover
}

.fu-right {
	background-color: #F7F7F7
}

.fu-form {
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 100px
}

.fu-form .form-item__wrap {
	margin-right: 20px;
	margin-left: 20px
}

.fu-contact {
	position: relative;
	margin-top: 120px;
	margin-left: 80px;
	padding-left: 190px
}

.fu-contact-txt {
	color: #fff
}

.fu-contact-txt h2 {
	font-size: 32px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: .05em
}

.fu-contact-txt p {
	font-size: 14px;
	line-height: 2;
	letter-spacing: .05em
}

.fu-contact-name {
	font-size: 22px;
	line-height: 2;
	margin-bottom: .5em;
	letter-spacing: .05em;
	color: #fff
}

.fu-contact-info {
	font-family: 'Source Han Sans CN';
	font-size: 22px;
	line-height: 40px;
	letter-spacing: .025em;
	color: #fff
}

.fu-contact-info i {
	font-size: 16px;
	line-height: 40px;
	display: inline-block;
	margin-right: .5em;
	vertical-align: top
}

.fu-contact-avatar {
	display: block;
	margin-bottom: 10px
}

.fu-cleft {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0
}

.fu-cleft::before {
	position: absolute;
	top: 130px;
	bottom: 0;
	left: 8px;
	width: 1px;
	content: '';
	background-color: #fff
}

.fu-cleft p {
	font-family: "GothamBook";
	font-size: 16px;
	-ms-writing-mode: tb-rl;
	opacity: .5;
	color: #fff;

	writing-mode: vertical-rl
}


@media (max-width: 1480px) {

	.fu-left,.fu-right {
		height: 680px

	}


	.fu-form {
		width: auto;
		margin-right: 40px;
		margin-left: 40px
	}




	.fu-contact {

		padding-left: 90px;
		margin-left: 40px

	}

}


@media (max-width: 1200px) {
	.fu-contact {

		padding-left: 60px
	}
}

@media (max-width: 1024px) {
	.fu-left,.fu-right {
		width: 100%;
		height: auto;
		padding: 60px 0
	}

	.fu-right {
		padding-top: 10px
	}

	.fu-cleft {
		display: none
	}

	.fu-contact {
		margin-left: 0;
		margin-top: 0;
		padding: 0 24px
	}

	.fu-form {
		padding-top: 0
	}

	.fu-contact-txt h2 {
		font-size: 24px
	}

	.fu-contact-info {
		font-size: 16px
	}
}

@media (max-width: 750px) {
	.fu-contact {
		margin-top: 0
	}

	.fu-form {
		margin-right: 20px;
		margin-left: 20px;
		padding-top: 0
	}

	.fu-contact-name {
		font-size: 16px
	}

	.fu-contact-info {
		font-size: 14px
	}

	.fu-contact-txt h2 {
		font-size: 22px

	}
}

.dealer .fi-country-select {
	padding-left: 20px
}

.dealer-top__content {
	padding-top: 120px
}

.dealer-top__content .inner {
	text-align: left
}

.dealer-middle__content .list-supplier>li:nth-child(1) i,.dealer-middle__content .list-supplier>div:nth-child(1) i,.dealer-middle__content .list-supplier .slick-slide:nth-child(1) i {
	background: url(../assets/images/cl-01.svg) no-repeat center center
}

.dealer-middle__content .list-supplier>li:nth-child(2) i,.dealer-middle__content .list-supplier>div:nth-child(2) i,.dealer-middle__content .list-supplier .slick-slide:nth-child(2) i {
	background: url(../assets/images/cl-02.svg) no-repeat center center
}

.dealer-middle__content .list-supplier>li:nth-child(3) i,.dealer-middle__content .list-supplier>div:nth-child(3) i,.dealer-middle__content .list-supplier .slick-slide:nth-child(3) i {
	background: url(../assets/images/cl-03.svg) no-repeat center center
}

.dealer-middle__content .list-supplier>li:nth-child(4) i,.dealer-middle__content .list-supplier>div:nth-child(4) i,.dealer-middle__content .list-supplier .slick-slide:nth-child(4) i {
	background: url(../assets/images/cl-04.svg) no-repeat center center
}

.dealer-middle__content .inner {
	max-width: 700px
}

.fd-main {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding: 120px 0
}

.fd-title {
	font-size: 22px;
	font-weight: 500;
	margin-left: 28px;
	color: #333
}

.filter-selector {
	position: relative;
	z-index: 10
}


.filter-selector__header {
	font-size: 16px;
	line-height: 40px;
	cursor: pointer;
	text-align: center;
	letter-spacing: .05em;

	color: #999
}

.filter-selector__header::after {
	font-family: 'iconfont';
	font-size: 16px;
	line-height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	content: '\e60a';
	-webkit-transition: transform .3s ease-out;
	transition: transform .3s ease-out
}

.filter-selector__header.active {
	color: #333
}

.filter-selector__header.active::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}


.filter-selector__option {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	display: none;
	padding: 10px 0;
	border: 1px solid #999;
	border-top-width: 2px;
	background-color: #fff
}

.filter-selector__option a {
	font-size: 16px;
	line-height: 30px;
	display: block;
	text-align: center;
	letter-spacing: .05em;
	color: #999
}

.filter-selector__option a.current {
	color: #333
}

.fi-verify {
	position: absolute;
	top: -5px;
	right: 0;
	width: 120px;
	height: 40px;
	background-color: #ccc
}

@media (max-width: 1920px) {
	.dealer-top__content {
		padding-top: 6.25vw
	}
}

@media (max-width: 1024px) {
	.dealer-top__content {
		padding-top: 60px

	}


	.fd-main {
		margin-right: 20px;
		margin-left: 20px
	}

	.fd-title {
		margin-left: 20px
	}


	.dealer-middle__content .list-supplier>li {
		width: 25%
	}
}

@media (max-width: 750px) {
	.fd-main {
		padding: 60px 0

	}



	.form-dealer .col-2 {
		width: 100%
	}


	.form-dealer .form-item-country-c {

		width: 30%
	}

	.form-dealer .form-item-country {

		width: 70%
	}

	.fd-title {
		font-size: 18px
	}
}

@media (max-width: 600px) {
	.dealer-middle__content .list-supplier>li {
		width: 100%;
		margin-bottom: 40px
	}

	.dealer-middle__content .list-supplier>li:last-child {

		margin-bottom: 0
	}
}

.layer-fb {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none
}

.lfb-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.8)
}

.lfb-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 900px;
	height: 680px;
	margin-top: -340px;
	margin-left: -450px;
	background-color: #fff
}

.lfb-close {
	position: absolute;
	right: 20px;
	top: 20px;
	color: #202020;
	font-size: 20px
}

.lfb-main {
	max-width: 700px;
	margin-right: auto;
	margin-left: auto
}

.lfb-title {
	font-size: 32px;
	font-weight: 700;
	text-align: center;

	color: #202020
}

.lfb-title span {
	position: relative;
	display: inline-block;

	vertical-align: top
}

.lfb-title span::before,.lfb-title span::after {
	font-family: "GothamBold";
	font-size: 80px;
	line-height: 1;
	position: absolute;
	opacity: .1;
	color: #0D6BAD
}

.lfb-title span::before {
	top: 0;
	top: -.5em;
	left: -1em;
	content: '“'
}

.lfb-title span::after {
	top: 100%;
	right: -1em;
	margin-top: -.5em;
    content: '”'
}




@media (min-width: 1025px) {
	.lfb-close {
		-moz-transition: -moz-transform .6s;

		-o-transition: -o-transform .6s;
		-webkit-transition: -webkit-transform .6s;

		transition: transform .6s
	}

	.lfb-close:hover {

		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);

		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)

	}
}


@media (max-width: 1440px) {
	.lfb-wrap {

		width: 840px;
		height: 660px;
		margin-left: -420px;
		margin-top: -330px
	}
}

@media (max-width: 1024px) {
	.lfb-close {
		font-size: 16px
	}

	.layer-box .fi-textarea-lfb {
		height: 3.5em
	}

	.layer-box .form-item {
		margin-top: 30px
	}

	.layer-box .fi-submit {
		margin-top: 0
	}

	.lfb-wrap {
		right: 20px;
		left: 20px;
		width: auto;
		height: auto;
		margin-top: 0;
		margin-left: 0;
		padding-bottom: 20px;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.lfb-title {
		font-size: 24px
	}

	.lfb-title span::before,.lfb-title span::after {
		font-size: 40px
	}

	.lfb-wrap {
		right: 10px;
		left: 10px
	}

	.lfb-main {
		margin-right: 20px;
		margin-left: 20px
	}
}

@media (max-width: 750px) {
	.lfb-title {
		font-size: 18px
	}

	.lfb-title span {
		line-height: 1.5;
		max-width: 70%
	}

	.lfb-group .form-item {
		margin-top: 0
	}

	.lfb-close {
		top: 14px;
		right: 14px;
		font-size: 14px
	}

	.layer-box .lfb-title {
		margin-top: 30px
	}

	.layer-box .fic-label {
		font-size: 14px
	}


	.layer-box .fi-label {
		line-height: 35px
	}

	.layer-box .fi-input {
		height: 35px;
		line-height: 35px
	}

	.layer-box .form-textarea {
		margin-top: 10px
	}

	.layer-box .fic-label {
		line-height: 30px
	}

	.layer-box .fic-label:before {
		top: 7px
	}

	.layer-box .fic-label:after {
		top: 11px
	}

	.fi-input {
		font-size: 14px
	}

	.form-item label.error {
		font-size: 10px;
		padding-top: 3px
	}
}

.layer-cbox {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.layer-cbg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.8)
}


.layer-cwrap {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 900px;
	height: 600px;

	margin-top: -300px;
	margin-left: -450px;
	background-color: #fff

}

.layer-ctitle {
	font-size: 16px;
	font-weight: 700;
	line-height: 45px;
	padding-left: 20px;
	color: #000;
	background-color: #f2f2f2
}

.layer-cwords {
	font-size: 0;
	position: relative;

	padding: 15px 50px

}

.layer-cwords::after {
	position: absolute;
	right: 0;

	bottom: 0;
	left: 0;
	height: 1px;
	content: '';
	background-color: #ddd
}

.layer-cwords span {
	font-size: 20px;

	line-height: 40px;
	display: inline-block;
	margin-right: .5em;
	cursor: pointer;
	vertical-align: top;
	text-transform: uppercase;
	color: #599bff
}

.layer-chandle {
	font-size: 0;
	padding: 25px 0
}

.btn-chandle {


	font-size: 16px;
	line-height: 40px;
	display: inline-block;
	width: 120px;
	height: 40px;
	margin: 0 .5em;
	cursor: pointer;
	text-align: center;
	vertical-align: top;
	color: #599bff;
	border: 1px solid #599bff;
	border-radius: 3px
}

.btn-chandle.confirm {
	color: #fff;
	background-color: #599bff
}

.layer-cmain {
	overflow-y: auto;
	height: 390px
}

.layer-clist>li {
	border-bottom: 1px solid #ddd
}

.layer-clist>li:last-of-type {
	border-bottom-width: 0
}

.clist-item {
	font-size: 0;
	position: relative;

	padding: 20px 40px 0 120px
}

.clist-item>span {
	font-size: 16px;
	line-height: 40px;
	display: inline-block;
	width: 25%;
	padding-right: 1em;

	vertical-align: top
}

.clist-item__w {
	font-size: 24px;
	line-height: 2;
	position: absolute;
	top: 20px;
	left: 50px;
	width: 2em;
	height: 2em;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background-color: #c00
}

.search-header h3 {

	color: #202020;

	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 10px
}

.search-header p {
	color: #202020;
	font-size: 18px;
	line-height: 1.5
}

.search-header p span {
	color: #0D6BAD
}

.search-page .list-download li {
	margin-bottom: 0
}

.search-item {
	-webkit-transition: all .4s;
	transition: all .4s;
	display: block;
	padding: 35px 30px
}

.search-item h4 {
	-webkit-transition: color .4s;

	transition: color .4s;
	color: #202020;
	margin-bottom: .25em;
	font-size: 18px;
	line-height: 1.5
}

.search-item p {
	color: #999;
	font-size: 14px;
	line-height: 1.5
}

.list-search {
	margin-top: 30px
}

.list-search>li {
	border-bottom: 1px solid rgba(0,0,0,0.2)
}


.list-search>li:first-child {
	border-top: 1px solid rgba(0,0,0,0.2)
}

.list-search .search-item {
	position: relative;
	padding: 20px 120px 20px 0
}

.list-search .item-search__inner {
	padding-right: 15px;
	padding-left: 50px
}

.list-search .pic {
	position: absolute;
	right: 0;
	top: 50%;

	max-width: 100px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

	overflow: hidden
}

.list-search .pic img {
	width: 100%
}

.search-filtrate {
	margin-top: 15px
}

.search-filtrate .item-box {
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	margin-bottom: 15px
}

.search-filtrate input {
	position: absolute;
	opacity: 0
}

.search-filtrate label {
	font-size: 14px;
	color: #202020;
	display: inline-block;
	position: relative;
	padding-left: 22px;
	cursor: pointer
}

.search-filtrate label:before {
	content: "";
	display: block;

	-webkit-transition: background .4s;
	transition: background .4s;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
	width: 10px;
	height: 10px;
	border: 2px solid #0D6BAD
}

.search-filtrate input:checked+label:before {
	background-color: #0D6BAD
}

.search-input__box input {
	border: none;
	border-bottom: 1px solid #0D6BAD;
	font-size: 14px;
	color: #202020;
	outline: none;
	width: 360px;
	padding: 6px 20px 6px 0
}

.search-input__box input::-webkit-input-placeholder {
	color: rgba(0,0,0,0.3)
}

.search-input__box input:-moz-placeholder {
	color: rgba(0,0,0,0.3)
}

.search-input__box input:-ms-input-placeholder {

	color: rgba(0,0,0,0.3)
}

.search-input__box .item-box {
	position: relative;
	display: inline-block
}

.search-input__box .search-btn {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	font-size: 18px;

	color: #202020;
	-webkit-transition: color .4s;
	transition: color .4s;
	border: none;
	background-color: transparent;
	outline: none;
	padding: 0;
	cursor: pointer
}

@media (min-width: 1025px) {
	.search-item:hover h4 {
		color: #0D6BAD

	}


	.search-filtrate label:hover:before {
		background-color: #0D6BAD
	}
}

@media (max-width: 1920px) {
	.list-search .item-search__inner {
		padding-right: 15px;
		padding-left: 2.60417vw
	}
}

@media (max-width: 1024px) {
	.search-header h3 {
		font-size: 22px;
		margin-bottom: 5px
	}

	.search-header p {
		font-size: 16px
	}

	.list-search .search-item {
		padding: 16px 110px 16px 0
	}

	.list-search .search-item .pic {
		max-width: 90px
	}

	.list-search .search-item h4 {
		font-size: 16px
	}

	.list-search .search-item p {
		font-size: 12px
	}
}

@media (max-width: 900px) {
	.list-search .item-search__inner {
		padding-right: 20px;
		padding-left: 20px
	}
}

@media (max-width: 500px) {
	.search-header h3 {
		font-size: 18px
	}


	.search-header p {
		font-size: 14px
	}

	.search-item h4 {
		font-size: 14px
	}

	.search-filtrate label {
		font-size: 12px;
		padding-left: 18px
	}

	.search-filtrate label:before {
		width: 8px;

		height: 8px;
		margin-top: -6px
	}

	.list-search {
		margin-top: 25px
	}

	.search-input__box .search-btn {
		width: 100%
	}

}

.zxx1{display: inline-block;width: 160px;height: 48px;border-radius: 50px;font-size: 14px;text-align: center;line-height: 46px;border: solid 2px #0D6BAD;color: #0D6BAD; transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.zxx1:hover{border-color: #0D6BAD;color: #fff;background: #0D6BAD; }

.zxx2{display: inline-block;width: 160px;height: 48px;border-radius: 50px;font-size: 14px;text-align: center;line-height: 46px;border: solid 2px #fff;color: #fff; transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.zxx2:hover{border-color: #fff;color: #0D6BAD;background: #fff; }

.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}

.z_footer{background: #0D6BAD;}
.foot_top{padding: 35px 0 15px 0;margin-bottom: 28px;border-bottom: 1px solid rgba(255,255,255,.1);}
.foot_nav{float: left;line-height: 50px;}
.foot_nav a{ display: inline-block; color: #fff;padding: 0 35px; position: relative;}
.foot_nav a:hover{color: #fff;}
.foot_nav a:first-child{ padding-left: 0;}
.foot_nav a:before{ content: "";display: block; width: 4px; height: 4px; background: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.foot_nav a:last-child:before{display: none; }

.foot_link{float: right;text-align:center;position:relative;}
.foot_link h2{position:relative;font-size:13px;color:#fff;cursor:pointer;background: #313131;}
.foot_link h2 .iconfont{ margin-left: 50px;}
.foot_link h2 i{position:absolute; right:0; width:40px; height:40px; text-align:center; top:0; background:#333!important; color:#fff;}
.foot_link dl{visibility:hidden; opacity:0; transition:all .45s; position:absolute; left:0; top:50px; width:100%; max-height:200px; overflow-y:auto;}
.foot_link dd{border-top:1px solid #D9D9D9; background:#fff;}
.foot_link dd a{font-size:12px; color:#666; display:block; box-sizing: border-box;}
.foot_link:hover dl{visibility:visible; opacity:1;}
.foot_link dd a:hover{background:#f5f5f5;} 
.foot_addre{color: #fff;padding: 0;}
.foot_addre span{display: inline-block;margin-right: 40px;line-height: 1.4;margin-bottom: 8px;}
.foot_code{ padding-top:16px;}
.foot_code .code_box{width: 110px;float: left;margin-right: 25px;text-align: center;line-height: 1.6;color: #fff;}
.foot_code .code_box img{ width: 100%;}

.foot_code1{ padding-top:16px;}
.foot_code1 .code_box{width: 100px;float: left;margin-right: 15px;margin-bottom: 15px;text-align: center;line-height: 1.6;color: #5f5f5f;}
.foot_code1 .code_box img{ width: 100%;}
.foot_bottom{padding-bottom: 45px;}
.foot_copy{background: #0b5f4b;padding: 20px 0;color: #ffffff;}

.foot_copy a{color: #808099;}

.ac11{ font-size:14px!important; margin-top:12px!important; line-height:1.8!important;}





.banner_list_bg{width: 100%;background: #fff;z-index: 9;height: 70px;}
.banner_list{margin:0 auto;}
.banner_list ul{float: left;}
.banner_list ul li{float: left;}
.banner_list ul li a{line-height: 70px;font-size: 14px;color: #424242;padding: 0 35px;display: inline-block;text-align: center;}
.banner_list ul li a:hover{background-color: #018D75;color: #fff;}
.banner_list ul li a.hover{background-color: #018D75;color: #fff;}

.banner_list_right{float: right;font-size: 14px;color: #424242;line-height: 69px;background: url('../images/dz.png') no-repeat left center;padding-left: 25px;}
.banner_list_right a{font-size: 14px;color: #424242;}
.banner_list_right a:hover{color: #018D75;}
.banner_list_right span{font-size: 12px;color: #959595;padding: 0 8px;}

.home-block {
	padding: 60px 0;
}
.home-block1 {
	padding: 40px 0;
}
.bgef {
  background: #f5f5f5;
  }
  
.srv-container .srv-wrap{padding: 40px;background:#fff;}

.srv-wrap .srv-top{
padding-bottom: 16px;
text-align: left;
font-size: 24px;
line-height: 1.4;
color: #343131;
border-bottom:1px solid #dedede;
}

.srv-top12{padding-bottom: 16px;text-align: left;font-size: 24px;line-height: 1.4;color: #775234;border-bottom: 1px solid #d4c2b1;}



.srvStgy-top{width: 100%;text-align: left;line-height: 2;font-size: 14px;margin: 25px auto 0;color: #424242;}

.srvStgy-top p{margin-bottom: 12px;}


.zxx4{display: inline-block;width: 160px;height: 48px;border-radius: 50px;font-size: 14px;text-align: center;line-height: 46px;border: solid 2px #0D6BAD;color: #0D6BAD;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.zxx4:hover{border-color: #0D6BAD;color: #fff;background: #0D6BAD; }
.mp50{ margin-top:50px;}

.mb-60 {
margin-bottom:60px;
}

.x15{padding-top: 0px;padding-left: 30px;}

.page22{width:100%;height:auto;margin-top: 15px;text-align:center;position:relative;overflow:hidden;}
.page22 a{display:inline-block;width: 42px;height: 40px;line-height: 40px;text-align:center;font-size: 14px;color:#888888;border:1px solid #cccccc;background: #fff;margin:0 4px;}
.page22 a.on, .page22 a:hover{background-color: #236396;color:#ffffff;border-color: #236396;}

.article{ padding:40px 50px; background:#fff;}

.subNewsTitle h3:first-child{font-size: 24px;font-weight: 400;color: #333;margin-top: 0px;padding: 0 0px 20px;border-bottom: 1px solid #D4D4D4;text-align: center;}
.article h3{font-size: 24px; color: #333; text-align: center; padding: 10px 0 30px;}


.article p{font-size: 14px;color: #3e3e3e;margin-bottom: 12px;line-height: 2;}

.otherNews {position: relative;border-top: 1px solid #e3e3e3; margin-top:25px;}
.links22 {padding: 25px 0 0 0px;}
.links22 a {display: block;line-height: 2;font-size: 14px;color: #383838;}
.links22 a:hover {color: #0D6BAD;}
.bold{ font-weight:700!important;}


.solution-content{background: #f5f5f5;padding: 60px 0;}
.solution .solution-content .solution-content-tab{ max-width: 900px; margin: 0 auto; box-shadow: 0 0 40px rgba(0,0,0,.1); margin-top: -60px; position: relative; background-color: #FFF;}
.solution .solution-content .solution-content-tab ul{ display: flex; align-items: center; }
.solution .solution-content .solution-content-tab ul li { flex: 1; height: 120px; }
.solution .solution-content .solution-content-tab ul li a{ display: block; height: 120px; position: relative;}
.solution .solution-content .solution-content-tab ul li a:after{ content: ''; position: absolute; right: 35px; top: 50%; transform: translateY(-50%); width: 12px; height: 13px; background: url(../images/icon34.png) center center no-repeat;}
.solution .solution-content .solution-content-tab ul li.active a:after{ background: url(../images/icon35.png)  center center no-repeat;}
.solution .solution-content .solution-content-tab ul li a dl{ display: flex; height: 120px; align-items: center; padding: 0 50px;}
.solution .solution-content .solution-content-tab ul li a dl dd{ flex: 1; min-width: 0; margin-left: 35px;}
.solution .solution-content .solution-content-tab ul li a dl dd h2{ font-size: 20px; font-weight: normal;}
.solution .solution-content .solution-content-tab ul li a dl dd p{ font-size: 13px;}
.solution .solution-content .solution-content-tab ul li a:hover,.solution .solution-content .solution-content-tab ul li.active a{ color: #FFF; background: linear-gradient(300deg,rgba(112,50,221,1) 0%,rgba(30,176,232,1) 100%);}
.solution .solution-content .solution-content-tab ul li:first-child{ border-right: solid 1px #EEE;}
.solution .solution-content .solution-content-tab ul li:first-child dl dt{ background: url(../images/icon37.png) no-repeat; width: 53px; height: 49px;}
.solution .solution-content .solution-content-tab ul li:first-child:hover dl dt,.solution .solution-content .solution-content-tab ul li:first-child.active dl dt{ border: none; background: url(../images/icon37_01.png) no-repeat;}
.solution .solution-content .solution-content-tab ul li:last-child dl dt{ background: url(../images/icon36.png) no-repeat; width: 50px; height: 49px;}
.solution .solution-content .solution-content-tab ul li:last-child:hover dl dt,.solution .solution-content .solution-content-tab ul li:last-child.active dl dt{ background: url(../images/icon36_01.png) no-repeat;}
.solution .solution-content .solution-content-top{ margin-top: 80px;}
.solution .solution-content .solution-content-top dl{ background-color: #FFF; display: flex; align-items: center;}
.solution .solution-content .solution-content-top dl dt{ position: relative; width: 50%;}
.solution .solution-content .solution-content-top dl dt a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.solution .solution-content .solution-content-top dl dt img{ max-width: 775px; max-height: 450px; width: 100%;}
.solution .solution-content .solution-content-top dl dt a img{ width: auto; height: auto;}
.solution .solution-content .solution-content-top dl dd{ flex: 1; padding: 0 60px; max-height: 300px;}
.solution .solution-content .solution-content-top dl dd h2{ font-weight: normal; font-size: 30px;}
.solution .solution-content .solution-content-top dl dd p span.line{ display: block; width: 12px; height: 2px; background-color: #f08200; margin: 20px 0;}
.solution .solution-content .solution-content-top dl dd .text{ color: rgba(40,40,40,.8); font-size: 15px; line-height: 22px;}
.solution .solution-content .solution-content-top dl dd .text img{ margin-top: 20px;}
.solution .solution-content .solution-content-tabs{ margin-top: 60px;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul{ display: flex; align-items: center; border-bottom: solid 2px #fb5941;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li{ flex: 1; text-align: center; font-size: 19px; padding-bottom: 55px; position: relative;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a { display: inline-block;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a:hover img{ -webkit-animation: down 0.6s linear infinite alternate; animation: down 0.6s linear infinite alternate; -moz-animation: down 0.6s linear infinite alternate; }
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a p{ margin-top: 15px;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li.active a p{ color: #fd5d36;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li.active:after{ content: ''; position: absolute; width: 21px; height: 10px; background: url(../images/icon44.png) no-repeat; bottom: 0; left: 50%; transform: translateX(-50%);}
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd{ background-color: #FFF; padding: 50px;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con{ font-size: 15px; line-height: 24px; color: rgba(51,51,51,.8); display: none; }
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con img{ max-width: 100%;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con .con-text{ margin-bottom: 50px; }
.solution .solution-content .industry-item{}
.solution .solution-content .industry-item dl{background-color: #FFF;display: flex;align-items: center;margin-bottom: 0;}
.solution .solution-content .industry-item dl:nth-child(2n) dd{ order: -1;}
.solution .solution-content .industry-item dl dt{width: 50%;line-height: 0; overflow:hidden;}
.solution .solution-content .industry-item dl dt img{max-width: 775px;max-height: 480px;width: 100%;-moz-transition: -moz-transform 1.2s;-o-transition: -o-transform 1.2s;-webkit-transition: -webkit-transform 1.2s;transition: transform 1.2s;}
.solution .solution-content .industry-item dl dt:hover img {
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
.solution .solution-content .industry-item dl dd{ flex: 1; padding: 0 60px; max-height: 300px;}
.solution .solution-content .industry-item dl dd h2{font-weight: normal;font-size: 28px;line-height: 1.4;color: #236396;margin-bottom: 25px;}
.solution .solution-content .industry-item dl dd p span.line{display: block;width: 20px;height: 2px;background-color: #236396;margin: 20px 0;}
.solution .solution-content .industry-item dl dd .text{color: #505050;font-size: 14px;line-height: 2;}
.solution .solution-content .industry-item dl dd .text p{ margin-bottom:10px;}
.solution .solution-content .industry-item dl dd .text img{ margin-top: 20px;}
.solution .solution-content .industry-item dl dd p a{display: inline-block;width: 140px;height: 45px;border-radius: 50px;font-size: 14px;text-align: center;line-height: 43px;border: solid 2px #0D6BAD;color: #0D6BAD;margin-top: 50px;background: #fff;}
.solution .solution-content .industry-item dl dd p a:hover{border-color: #0D6BAD;color: #fff;background: #0D6BAD;}

.mb20{ margin-bottom:20px;}

.mt20{ margin-top:20px;}

.FAQ-list .FAQ-title{display:block;height:4em;overflow: hidden;line-height:4em;padding-left:3.375em;color: #424242;background:url(../images/icon-dd2.png) no-repeat left center;background-size:1.8125em auto;border-bottom:1px solid #e5e5e5;}
.FAQ-list .FAQ-title.cur{color: #0D6BAD;background:url(../images/icon-dd2-2.png) no-repeat left center;background-size:1.8125em auto;}
.FAQ-list .FAQ-box{width: 100%;position:relative;overflow:hidden;margin: 1em 0 1em 0%;display:none;}
.FAQ-box .FAQ-con{padding: 2.3em 2em;line-height: 1.8;color:#fff;background-color: #0D6BAD;position:relative;}
.FAQ-box .FAQ-con p{ margin-bottom:10px; line-height:1.8;}

.seviceBox { text-align: center; }
.seviceBox h4 {margin-bottom: 12px;font-size: 22px;line-height: 1.5;color: #236396;}
.seviceBox p {font-size: 14px;color: #5d5d5d;line-height: 25px;text-align: center;height: 50px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;}
.seviceBox a {display: inline-block;margin-top: 25px;}
.allfl { margin-bottom: 0; }
.allfl div, .allfl img { float: left; }
.allfl img {width: 100%;}
.allfl div {position: relative;padding: 35px 35px 40px;width: 100%;}
.pro_list ul{}
.pro_list li{float:left;position:relative;background-color:#FFF;width: 31.3333333%;overflow:hidden;margin: 0 1% 25px 1%;display:inline;}
.btn1 {display: block;width: 116px;height: 38px;line-height: 36px;text-align: center;font-size: 14px;color: #236396;border: 1px solid #236396;}
.btn1:hover {background: #236396;border: 1px solid #236396;color:#FFFFFF;}
.imghover img{ transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; -o-transition: all .6s ease; }
.imghover a:hover img, .imglihover li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }
.imgbox { position: relative; overflow: hidden; }
.vtt11{padding: 40px;background:#fff;}

.cl222{*zoom:1}

.cl222:before,.cl222:after{display:table;content:" ";}
.cl222:after{clear:both;}

.pro-left{float:left;width: 24%;}
.pro-right{width: 73%;float:right;}

.pro-left1{float:left;width: 20%;}

.pro-right1{width: 77%;float:right;}

.sidemenu{margin:0 0 15px 0;}
.sidemenu h3{font-size: 26px;display:block;font-weight: 400;color:#fff;height: 82px;line-height: 82px;padding: 0 0 0 20px;background: #018D75;position:relative;}
.sidemenu h3::after{content:"+";position:absolute;right:5px;top: 20px;font-size:27px;height:40px;line-height:40px;width:40px;text-align:center;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.sidemenu h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}

.sidemenu ul{}
.sidemenu ul li{margin:6px 0 0 0;}
.sidemenu ul li h5{border: 1px solid #e8e8e8;line-height:24px;display:block;padding: 13px 18px 13px 18px;font-size: 15px;cursor:pointer;position:relative;background: #fff;}
.sidemenu ul li h5 a{color:#333;}
.sidemenu ul li h5 a:hover{color:#018D75;}
.sidemenu ul li h5 span{position:absolute;right:0;top: 4px;width:40px;height:40px;display:block;}

.sidemenu dl{border: 1px solid #e2e2e2;border-top:none;background: #fff;}
.sidemenu dl dd{height:44px;line-height:44px;border-bottom:1px solid #E6E6E6;background:#fff;margin:0 20px;}
.sidemenu dl dd:last-child{border-bottom:none;}
.sidemenu dl dd a{font-size:14px;color:#333;}
.sidemenu dl dd.active a,.sidemenu dl dd a:hover{color:#018D75;}

.sidemenu ul li.active{}
.sidemenu ul li.active h5{padding-left: 15px;border-left: 4px solid #018D75;border-bottom:none;box-shadow:1px 2px 5px rgba(0,0,0,0.1);background: #fff;}
.sidemenu ul li.active h5 a{color: #018D75;}
.sidemenu ul li.active span{}

.pd30{padding: 30px!important;}

.zss1{ display:block;}
.zss2{ display:none;}


.video-list2 {
	margin-left: -0.8%;
	margin-right: -0.8%;
	}
  
.video-list2 .video-item {
  width: 31.7333333333%;
  background: #ffffff;
  margin-right: 0.8%;
  margin-left: 0.8%;
  margin-bottom: 20px;
  transition-duration: .5s;
  text-align: center;
  cursor: pointer;
  float: left;
  }

  .video-list2 .video-item:hover {
  background: #0D6BAD;
  }

  .video-list2 .video-item:hover .video-name {
    color: #fff; }

	
.video-list2 .video-name {
  margin: 22px 24px;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  }
  
.content-info{position:relative;width: 31.3333333333333%;float:left;margin-right: 1%;margin-left: 1%;overflow:hidden;}
.content-info:last-child{ margin-right:0;}
.content-info figure{ display:block; line-height:normal; overflow:hidden; position:relative;}
.content-info figure img{ display:block; width:100%; height:auto; line-height:0; transition:466ms;}
.content-info figcaption{display:block;height:75px;line-height:75px;color: #313131;font-size:16px;text-align:center;background:#fff;position:absolute;left:0;bottom:0;width:100%;transition:335ms;}
.content-text{width:100%;height:100%;background: rgba(0, 64, 132, 0.9);box-sizing:border-box;padding:9px;position:absolute;left:0;top:0;opacity:0;visibility:hidden;transform:rotateY(-90deg);transition:450ms;}
.content-wr{ padding:50px 24px 32px 22px;}
.content-wr:before{ content:""; width:95%; height:95%; position:absolute; left:2.5%; top:2.5%; border-left:1px solid #fff; border-right:1px solid #fff; box-sizing:border-box;}
.content-wr:after{ content:""; width:95%; height:95%; position:absolute; left:2.5%; top:2.5%; border-top:1px solid #fff; border-bottom:1px solid #fff; box-sizing:border-box;}
.content-wr h3{ color:#ffffff; font-size:20px; line-height:normal; font-weight:normal; padding-bottom:22px; border-bottom:1px solid #fff; }
.content-wr p{color:#ffffff;font-size: 14px;line-height: 1.9;margin-top:42px;}
.content-wr span{ color:#ffffff; font-size:14px; position:absolute; left:32px; bottom:38px; z-index:10;}
.content-wr span:hover{ text-decoration:underline;}
.content-info:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.content-info:hover figcaption{ bottom:-100%;}
.content-info:hover .content-text{ opacity:1; transform:rotateY(0); visibility:visible;}
.index-2-more{text-align: center;margin-top: 10px;}
.index-2-more a{display: inline-block;padding: 14px 40px;font-size: 14px;line-height: 1.2;text-align: center;border: 1px solid #787878;color: #555;}
.index-2-more a:hover{border-color: #0D6BAD;color: #fff;background: #0D6BAD;}

.w12{ margin-left:-1%; margin-right:-1%;}


.subject-item7 .content_list {
	position: relative;
	margin-top: 10px;
	width: 100%;
	margin-bottom: 32px;
}

.subject-item7 .item_block {
	position: relative;
	padding: 30px 25px;
}

.subject-item7 .item_block:last-child {
	border-bottom: 1px solid #e5e5e5
}

.subject-item7 .item_block:not(:first-child) {
	padding-top: 30px;
	width: 48.5%;
	float: right;
	border-top: 1px solid #e5e5e5;
	box-sizing: border-box;
}

.subject-item7 .item_block:not(:first-child):hover {
	box-shadow: 0 0 40px rgba(0,0,0,.08)
}

.subject-item7 .item_block:not(:first-child):hover .item_wrapper .item_info .title {
	color: #0D6BAD;
	-webkit-transform: translateX(-14px);
	-ms-transform: translateX(-14px);
	transform: translateX(-14px)

}

.subject-item7 .item_block:not(:first-child):hover .item_wrapper .item_info .title:before {
	background-position: -35px -148px
}

.subject-item7 .item_block:not(:first-child):hover .item_wrapper .item_des {
	-webkit-transform: translateX(12px);
	-ms-transform: translateX(12px);
	transform: translateX(12px)
}

.subject-item7 .item_block:not(:first-child):hover .details:before {
	left: 30px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.subject-item7 .item_block:not(:first-child):hover .details:after {
	left: 15px;
	opacity: 1;
	filter: alpha(opacity=100)
}

.subject-item7 .item_block:not(:first-child) .item_wrapper .item_info {
	width: 80%;
}

.subject-item7 .item_block:not(:first-child) .item_wrapper .item_info .title {
	overflow: hidden;
	padding-left: 26px;
	color: inherit;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: all .36s;
	-moz-transition: all .36s;
	-o-transition: all .36s;
	transition: all .36s;
	-webkit-transform: translateX(-27px);
	-ms-transform: translateX(-27px);
	transform: translateX(-27px)
}

.subject-item7 .item_block:not(:first-child) .item_wrapper .item_info .title:before {
	position: absolute;
	top: 12px;
	left: 8px;
	width: 5px;
	height: 5px;
	background: url(../images/icon-arrow.png) no-repeat 0 -148px;
	content: "";
	speak: none
}

.subject-item7 .item_block:not(:first-child) .item_wrapper .item_des {
	-moz-transition: all .36s;
	-o-transition: all .36s;
	transition: all .36s;
	webkit-transition: all .36s;
}


.subject-item7 .item_block:not(:first-child) .item_wrapper .date_wrap {
	float: right
}

.subject-item7 .item_block:not(:first-child) .item_wrapper .date_wrap .md {
	color: #999;
}

.subject-item7 .item_block:not(:first-child) .item_img {
	display: none

}

.subject-item7 .item_block:not(:first-child) .details {
	position: absolute;
	right: 26px;

	bottom: 44px;

	overflow: hidden;
	width: 40px;
	height: 16px;
	border-left: 1px solid #e5e5e5;
	color: transparent
}

.subject-item7 .item_block:not(:first-child) .details:after,.subject-item7 .item_block:not(:first-child) .details:before {
	position: absolute;
	top: 50%;
	width: 19px;
	height: 13px;

	background: url(../images/icon-arrow.png) no-repeat 0 -164px;

	content: "";
	-moz-transition: all .36s ease;
	-o-transition: all .36s ease;
	transition: all .36s ease;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	webkit-transition: all .36s ease

}

.subject-item7 .item_block:not(:first-child) .details:before {
	left: 15px
}

.subject-item7 .item_block:not(:first-child) .details:after {

	left: -30px;
	opacity: 0;
	filter: alpha(opacity=0)
}

.subject-item7 .item_block:not(:first-child):hover .details:before {
	left: 30px;
	opacity: 0
}

.subject-item7 .item_block:not(:first-child):hover .details:after {
	left: 15px;
	opacity: 1
}

.subject-item7 .item_block:first-child {
	padding: 32px 40px 35px 40px;
	width: 48.5%;
	float: left;
	background: #f5f5f5;
}



.subject-item7 .item_block:first-child:hover .details:after,.subject-item7 .item_block:first-child:hover .details:before {
	position: absolute;
	top: 50%;
	left: 50%;

	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.subject-item7 .item_block:first-child:hover .item_wrapper .item_des .description {
}

.subject-item7 .item_block:first-child:hover .item_img img {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08)
}

.subject-item7 .item_block:first-child .item_img {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 0;
	max-height: 276px;
}

.subject-item7 .item_block:first-child .item_img img {
	width: 100%;
	-moz-transition: all .36s ease;
	-o-transition: all .36s ease;
	transition: all .36s ease;
	webkit-transition: all .36s ease
}

.subject-item7 .item_block:first-child .item_wrapper .item_info .title {
	margin-top: 5px;
	color: #333;
	font-size: 18px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}


.subject-item7 .item_block:first-child .item_wrapper .item_des {
	margin-top: 8px;
	margin-bottom: 17px;
}

.subject-item7 .item_block:first-child .item_wrapper .item_des .description {
	box-sizing: border-box;
	padding-left: 0;
	width: 100%;
	height: auto;
	border-left: 1px solid transparent;
	font-size: 14px;
	line-height: 25px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-moz-transition: all .36s ease;
	-o-transition: all .36s ease;
	transition: all .36s ease;
	webkit-transition: all .36s ease;
}



.subject-item7 .item_block:first-child .details em {
	display: block;

	height: 36px;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	webkit-transition: all .2s ease-out
}



.subject-item7 .item_block .item_wrapper {
	color: #333;
	transition: color .36s ease
}

.subject-item7 .item_block .item_wrapper .item_info .title {
	color: inherit;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
}

.subject-item7 .item_block .item_wrapper .item_des {
	margin-top: 15px;
}

.subject-item7 .item_block .item_wrapper .item_des .description {
	width: 80%;
	height: 52px;
	font-size: 14px;
	line-height: 24px;
	opacity: .7;
	margin-bottom: 0;
    ilter: alpha(opacity=70);
    display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}


.subject-item7 .item_block .item_wrapper .date_wrap {
	font-family: Arial;
}

.subject-item7 .item_block .item_wrapper .date_wrap .year {
	display: none;
	font-family: inherit
}

.subject-item7 .item_block .item_wrapper .date_wrap .md {
	font-size: 14px;
	line-height: 24px;
}

.subject-item7 .item_tags {
	display: none

}

.footer{background-color: #292929;color:#fff;padding: 70px 0 5px 0;width: 100%;}
.footer .footer-menu{width: 40%;float: right;}
.footer .footer-menu .item{width: 33.33333333333%;display: inline-block;vertical-align: top;float: left;padding-left: 25px;}
.footer .footer-menu .item .title{font-size: 16px;line-height:1;margin-bottom: 25px;}

.footer .footer-menu .item a{display:block;line-height: 1.6;color: rgba(255,255,255,.7);}
.footer .footer-menu .item a:hover{color: #fff;}
.footer .footer-menu .item a+a{margin-top: 10px;}
.footer .footer-telephone{border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);padding: 0 40px 3px 40px;width: 25%;float: left;}

.footer .footer-telephone .title{font-size: 16px;height: 34px;position:relative;letter-spacing: 0;margin-bottom:12px;}

.footer .footer-telephone .title:before{width:52px;height:1px;background-color:#fff;content:'';left:0;bottom:0;opacity: .2;position:absolute;}
.footer .footer-telephone .phone-number{font-size: 26px;font-weight: 600;margin-bottom: 15px;padding-top: 5px;line-height:1;}
.footer .footer-telephone .address{font-size: 14px;line-height:1.7;}
.footer .wx{padding-left:40px;width: 160px;text-align: center;float: right;}
.footer .wx .img-box1{overflow:hidden;margin: 0 auto;}
.footer .wx p{text-align:center;margin-top: 12px;line-height: 1.2;color: rgba(255,255,255,.7);}
.footer .web-info{width:100%;display: block;padding: 25px 0;font-size: 12px;line-height: 1.4;color: rgba(255,255,255,.7);float: left;}

.ss3{ width:25%; float:left;}
.ze1{font-size: 16px;color: #fff;line-height:1;margin-bottom: 25px;}
.cxxx1{border-right: none;color: rgba(255,255,255,.7);vertical-align: middle;width: 200px;font-size: 14px;padding: 0 18px;height: 42px;background: #292929;border: 1px solid rgba(255,255,255,.5);border-right: none;float: left;}
.cxxx2{width: 42px;height: 42px;color: #666;background: url(../images/ss.png) center no-repeat #292929;border: 1px solid rgba(255,255,255,.5);border-left: none;font-size:14px;padding: 0;vertical-align: middle;float: left;cursor: pointer;}

.lxdd{width:100%;float: left;margin-top: 30px;}

.kk_page01{
    width: 100%;
    border-top: 1px solid rgba(255,255,255,.1);
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.kk_page01 ul{display: inline-block;width: 102%;margin-left: -1%;margin-right: -1%;padding: 20px 0;}
.kk_page01 ul li{display:block;float:left;width: 31.3333333333%;text-align:left;margin-left: 1%;margin-right: 1%;color: rgba(255,255,255,.7);}
.zzz33{display:block;margin-bottom: 0;line-height: 2.2;color: rgba(255,255,255,.7);overflow: hidden;font-size: 12px;font-weight: 400;}
.zzz34{display:block;margin-bottom: 0;line-height: 2.2;color: rgba(255,255,255,.7);overflow: hidden;font-size: 12px;font-weight: 700;}

.header-main{ padding:0 50px;}

.product-list {
	display: flex;
	flex-wrap: wrap;
	min-width: 780px;
	padding: 20px 0 15px 0;
}

.product-list>li {
	width: 50%;
}

.product-list>li:nth-child(2n) {
	border-right: 0px solid #ececec;
}

.product-list1 {
	display: flex;
	flex-wrap: wrap;
	min-width: 940px;
	padding: 25px 0 25px 0;
}

.product-list1>li {
	width: 33.33333333%;
}

.product-list1>li:nth-child(3n) {
	border-right: 0px solid #ececec;
}

.product-list2 {
	display: flex;
	flex-wrap: wrap;
	min-width: 660px;
	padding: 20px 0 15px 0;
}

.module-hd {
	font-size: 16px;
	font-weight: 700;
	padding-bottom:12px;
	border-bottom:1px solid #f2f2f2;
	margin: 0 30px 15px 30px;
	color: #014DA1;
}

.v44 {
	font-size: 16px;
	color: #236396;
}


.product-card {
	padding: 0 30px;
	display: block;
	margin-bottom: 20px;
	width: 100%;
	float: left;
}


.product-card h5 {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	color: #236396;
	margin-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.product-card p {
	font-size: 13px;
	line-height: 22px;
	max-height: 44px;
	color: #565656;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.product-card:hover h5{
	color:#236396;
	text-decoration:underline;
}

.productSeries{position:relative;background: #f5f5f5;padding: 60px 0 70px 0;}

.solutions{margin-left:-0.7%;margin-right:-0.7%;}
.solute-info{width: 23.6%;margin: 0 0.7%;float:left;position:relative;overflow:hidden;}
.solute-info figure{display:block;line-height:normal;overflow:hidden;margin: 0;padding: 0;}
.solute-info figure img{ display:block; line-height:0; width:100%; height:auto;}
.solute-info figcaption{left:0;top: 33%;width:100%;padding-left: 30px;padding-right: 30px;padding-bottom: 35px;line-height: 1.7;text-align: center;color: #7c7c7c;background: #ffffff;transition:400ms;}
.solute-info figcaption h4{color: #000000;font-size: 22px;font-weight: 400;line-height: 1.1;margin-top: 35px;text-align: center;}
.solute-info figcaption p{
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 0;
	height: 75px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow:ellipsis;
	}
.solute-info .sulute-wr{position:absolute;left:-100%;top:0;width:100%;height:100%;background: #0D6BAD;background:#000\9;filter:alpha(opacity=50);visibility:hidden;transition:420ms 0ms;}
.solute-info .sulute-wr mark{background:none;position:absolute;left:0;top: 22%;width:100%;text-align:center;}
.solute-info .sulute-wr mark h3{color:#ffffff;font-size: 22px;text-align:center;line-height:normal;font-weight:normal;padding-bottom: 16px;position:relative;margin-bottom: 22px;}
.solute-info .sulute-wr mark h3:before{content:"";width:32px;height:1px;background: #ffffff;position:absolute;left:50%;margin-left:-16px;bottom:0;}
.solute-info .sulute-wr mark p{color:#ffffff;text-align:center;font-size: 14px;line-height: 1.8;width: 76%;margin:auto;overflow:hidden;margin-bottom:40px;}
.solute-info .sulute-wr mark .checkmore{width:122px;height: 34px;border:2px solid #fff;margin:auto;position:relative;overflow:hidden;transition:300ms;}
.solute-info .sulute-wr mark .checkmore a{display:block;text-align:center;line-height: 30px;color:#ffffff;position:relative;z-index:5;font-size: 14px;}
.solute-info .sulute-wr mark .checkmore a:hover{color: #0D6BAD;}
.solute-info .sulute-wr mark .checkmore:after{ content:""; position:absolute; width:100%; height:100%; left:0; top:100%; background:#fff; transition:320ms;}
.solute-info .sulute-wr mark .checkmore:hover{ border-color:#fff; }
.solute-info .sulute-wr mark .checkmore:hover:after{ top:0;}
.solute-info:hover figcaption{ bottom:-30px;  visibility:hidden;}
.solute-info:hover .sulute-wr{ opacity:1; visibility:visible; left:0; transition:450ms 160ms;}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.separator {
				width: 100%;
				margin: 15px auto 18px;
				position: relative;
				height: 1px;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translateZ(0) scale(1, 1);
			}
			
			.separator:after {
				height: 1px;
				background: #e8e8e8;
				background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
				background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
				background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
				background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
				background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
				background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.1) 70%, transparent 100%);
				position: absolute;
				bottom: -1px;
				content: "";
				width: 100%;
				left: 0;
			}
			
			
.menuli {
	border-bottom: 1px solid #eaeaea;
	width: 31.3333333333%;
	margin-right: 2%!important;
	padding-bottom: 2px!important;
	margin-bottom: 5px!important;
}
.menuli a {
	line-height: 35px;
	padding-left: 10px;
	COLOR: #666;
	font-size: 14px;
	background-image: url(../images/left_arrow_red.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.menuli a:hover {
	COLOR: #0D6BAD; 

}

.newsul {
	width: 100%;
	margin: 0 30px 20px 30px;
}

.listInfo1 {
  margin-bottom: 15px;
  font-size: 14px;
  float: left;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  }

  .listInfo1 dt {

    width: 32%;
    overflow: hidden;
    float: left;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    }
  .listInfo1 dd {
    float: left;
    width: 68%;
    overflow: hidden;
    padding-left: 20px;
    padding-top: 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    }
  .listInfo1 h3 {
    font-size: 15px;
    color: #236396;
    line-height: 20px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eaeaea;
    font-weight: bold;
    overflow: hidden;
    }
  .listInfo1 p {
    color: #7b7b7b;
    line-height: 1.8;
    font-size: 13px;
    padding: 10px 0 0;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    }
	
	
.other_banner{position: relative;text-align: center;overflow: hidden;}
.other_banner .banner_text{ color: #fff;}
.other_banner .banner_text h3{font-size: 44px;font-weight: bold;line-height: 1.2;margin-bottom: 1px;}
.other_banner .banner_text h4{font-size: 22px;}
.other_banner img{width: 100%;animation: zoombig 3s linear forwards;}
@keyframes zoombig {
	0%{transform: scale(1.2,1.2);} 

	100%{transform: scale(1,1);}
}

.banner_text{width: 100%;position: absolute;left: 0;top: 52%;transform: translateY(-50%);}
.banner_text img{ max-width: 100%;  display: block;}
.line33 {
  background-color: #fff;
  display: block;
  width: 30px;
  height: 3px;
  margin: 15px auto 15px auto;
}

.other_banner1{position: relative;text-align: center;overflow: hidden;}
.other_banner1 .banner_text{ color: #fff;}
.other_banner1 .banner_text h3{font-size: 44px;font-weight: bold;line-height: 1.2;margin-bottom: 1px;}
.other_banner1 .banner_text h4{font-size: 22px;}
.other_banner1 img{width: 100%;}

.new-list{margin-left: -10px;margin-right: -10px;}
.new-list li{width: 33.333333333%;float:left;padding: 0 10px;margin-bottom: 25px;}
.new-list li:nth-child(4n+4){ margin-right:0;}
.new-list li figure{ display:block; line-height:normal; overflow:hidden;margin: 0;}
.new-list li figure img{ display:block; width:100%; height:auto; line-height:0; transition:430ms;}
.new-list li figcaption{display:block;padding: 25px 22px 22px;overflow:hidden;background: #ffffff;position:relative;transition:340ms;height: 172px;}
.new-list li figcaption time{color:#7e7e7e;font-size:14px;transition:300ms;line-height: 1.2;}
.new-list li figcaption h3{
	color: #3c3c3c;
	font-size: 18px;
	font-weight: 400;
	height: 24px;
	margin-top: 12px;
	line-height: 24px;
	transition:300ms;
	display: -webkit-box;
	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;
	overflow: hidden;
	}
.new-list li figcaption p{
	color: #999;
	height: 54px;
	font-size:14px;
	line-height: 25px;
	margin-top: 10px;
	transition:300ms;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	} 
.new-list li figcaption span{display:block;width:102px;height:30px;line-height:30px;background:#fff;color: #236396;font-size:14px;margin-top: 15px;position:relative;bottom:-30px;opacity:0;text-align:center;transition:300ms;}
.new-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.new-list li:hover figcaption{margin-top:-51px;background: #236396;height: 223px;}
.new-list li:hover figcaption time{ color:#fff;}
.new-list li:hover figcaption h3{ color:#fff;}
.new-list li:hover figcaption p{ color:#fff;}
.new-list li:hover figcaption span{ opacity:1; bottom:0; position:relative; transition:355ms 100ms;}

.nymenu{border-bottom:1px #d9d9d9 solid;background: #fff;}
.nymenu_mid ul li{background-position:left center;background-repeat:no-repeat;background-image:url(../images/img17.jpg);float:left;padding: 0 40px;text-align:center;}
.nymenu_mid ul li:nth-child(1){

text-align:left; background-image:none}
.nymenu_mid ul li:last-child{
text-align:right}
.nymenu_mid ul li a{padding: 20px 0;display:inline-block;line-height: 1.5;font-size: 16px;position:relative;color: #333;}
.nymenu_mid ul li a:after{content: "";position: absolute;z-index: 1;opacity:0;left: 50%;width: 0;bottom: -1px;height: 2px;background-color: #236396;background-repeat:no-repeat;background-position:center;z-index: 1;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.nymenu_mid ul li a:hover,.nymenu_mid ul li a.active{color: #236396;}
.nymenu_mid ul li a:hover:after,.nymenu_mid ul li a.active:after{width: 2.65em;opacity:1;margin-left: -1.325em;}
.nymenu_mid_s ul li{
float:none; display:inline-block;}
.nymenu_mid_s{
text-align:center}
.nymenu_mid_s ul li:nth-child(1),.nymenu_mid ul li:last-child{
text-align:center;}

.news-pagecontent {
	background-color: #fff;
	float: left;
	width: 75%;
	margin-bottom: 0;
}

.news-pagecontent .page {
		padding: 35px 40px 40px;
	}
	
.news-pagecontent .page .title {
	text-align: center;
	font-size: 12px;
	border-bottom: 1px solid #dadada;
}

.news-pagecontent .page .title h1 {
		font-size: 24px;
		line-height: 1.5;
		font-weight: normal;
		color:#262626;
	}
.news-pagecontent .page .title .artInfo {
	line-height: 2;
	padding: 10px 0;
	color: #999
}
.news-pagecontent .page .title .artInfo time {
	padding: 0 10px
}
.news-pagecontent .page .title .artInfo span {
}

.news-pagecontent .page .title .artInfo span a {
	margin-left: 10px;
	color: #999
}

.news-pagecontent .page .title .artInfo span a:hover,.news-pagecontent .page .title .artInfo span a:active {
	color: #262626
}

.news-pagecontent .page .title .article {
	padding: 15px;
	background: #f2f2f2;
	margin: 15px 0;
	color: #999
}

.news-pagecontent .page .content {
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	padding-top: 25px;
	line-height: 2;
	color: #525252;
}

.news-pagecontent .page .content:after {

	content: " ";
	clear: both;
	display: table

}

.news-pagecontent .page .content p,.news-pagecontent .page .content ul,.news-pagecontent .page .content ol {
	margin-bottom: 10px;
}

.news-pagecontent .page .content h2 {
	margin-bottom: 10px;
	padding: 10px 0;
	font-size: 16px;
	border-bottom: 1px solid #f2f2f2
}

.news-pagecontent .page .content h3 {
	padding-top: 10px;
	font-size: 16px
}

.news-pagecontent .page .content a {
	color: #3d6dcc
}

.news-pagecontent .page .content a:hover,.news-pagecontent .page .content a:active {
	text-decoration: underline
}

.news-pagecontent .page .content img {
	max-width: 100%;
	height: auto
}

.news-pagecontent .page .content table {
	max-width: 100%;
	background-color: #f7f7f7
}

.news-pagecontent .page .content table th,.news-pagecontent .page .content table td {
	font-size: 12px;
	padding: 5px 10px;
	border: 1px solid #ccc;

	background-color: #fff
}

.news-pagecontent .page .content table th {
	background-color: #f7f7f7
}

.news-pagecontent .page .content table img {
	max-width: inherit
}

.news-pagecontent .page .content .table_wrap {
	position: relative;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #ededed
}

.news-pagecontent .page .content .table_wrap_box {
	*zoom: 1
}

.news-pagecontent .page .content .table_wrap_box:after {
	content: " ";
	clear: both;
	display: table
}

.news-pagecontent .page .content ul li {
	margin-left: 2em;
	list-style: disc
}

.news-pagecontent .page .content ol li {
	margin-left: 2em;
	list-style: decimal
}




.news-pagecontent .page .section {
	background: #f5f5f5;
	padding: 15px;
	margin-top: 20px;
	/* border-top: 1px solid #dedede; */
}

.news-pagecontent .page .section li a {
	font-size: 14px;
	display: block;
	padding: 3px 0;
	color: #666;
}

.news-pagecontent .page .section li a:hover,.news-pagecontent .page .section li a:active {
	color: #236396;
}

.news-pagelist {

		float: right;
		width: 23%;
		/* background:#fff; */
	}
.news-pagelist ul li {
		float: none;
		width: 100%;
		border-bottom: 1px solid #f2f2f2;
		background: #fff;

	}

	.news-pagelist ul li:first-child a {
		padding: 0;
		color: #262626;
		font-size:12px;
	}
	.news-pagelist ul li:first-child a small {
		display: block;
		overflow: hidden;
		position: relative;
	}
	.news-pagelist ul li:first-child a small img {
		width: 100%;
	}
	.news-pagelist ul li:first-child a time {
		display: none;
	}
	.news-pagelist ul li:first-child a em {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 8px 12px;
		color: #fff;
		background-color: rgba(0,0,0,0.7);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.news-pagelist ul li a {
		font-size: 12px;

	}
	.news-pagelist ul li a time {
		top: 15px
	}
	.news-pagelist ul li a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 100%;
	padding: 15px 90px 15px 10px;
	color: #666;
	line-height: 20px;
	overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
}

	.news-pagelist ul li a:hover {
	color: #236396;
}



.news-pagelist ul li a time {
	position: absolute;
	right: 10px;
	top: 16px;
	width: 70px;
	text-align: right;
	color: #999;
	font-size: 12px
}

.news-pagelist ul li:first-child small {
	display: none
}

em,i{
	font-style:normal;
	}
	
.ds1{font-size:18px;font-weight:700;line-height: 1;margin: 0 0 18px 0;display:block;}

.download-list-box {
        width: 100%;
        margin-bottom: 30px;
    }

    .download-list-box ul {
        width: 100%
    }

    .download-list-box li {
        width: 100%
    }

    .download-list-box .title {
        width: 100%;
        cursor: pointer;
        padding-left: 58px;
        background: url(../images/ser22.png) no-repeat left center;
        line-height: 75px;
        font-size: 16px;
        overflow: hidden;
        height: 75px;
        color: #444;
        border-bottom: 1px solid #e0e0e0;
    }

    .download-list-box .title.on {
        border-bottom: 0;
        background: url(../images/ser22_h.png) no-repeat left center;
        color: #236396;
    }

    .download-list-box .time {
        font-size: 14px;
        color: #666;
        filter: alpha(opacity=50);
    }

    .download-list-box .con {
        width: 100%;
        padding: 1.7%;
        background: #f7f7f7;
        display: none
    }

    .download-list-box dd {
        width: 100%;
        margin-bottom: 17px;
        background: #fff;
        padding: 39px 3.7% 49px
    }


    .download-list-box dd h2 {



        line-height: 44px;
        font-size: 24px;

        color: #333;
        margin-bottom: 14px

    }


    .download-list-box dd .line {
        margin-bottom: 20px;
        border-bottom: 1px solid #e6e5e5;
        padding-bottom: 40px
    }

    .download-list-box dd p {
        font-size: 15px;
        color: #666;
        line-height: 25px
    }

    .download-list-box .download {
        margin-top: 20px;
        width: 120px;
        height: 36px;
        padding-left: 37px;
        line-height: 36px;
        background: #236396 url(../images/ser23.png) no-repeat 77px center;
        color: #fff;
        font-size: 14px;
        display: block;
        border-radius: 30px;
    }

.download-list-box .title:hover {
        background: url(../images/ser22_h.png) no-repeat left center;
        color: #236396;
    }
	
	.f-cb {
	zoom: 1
}

.f-cb:after {
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	content: "."
}

.ti22{ width:80%; overflow:hidden;}

.PUBtitle{width: 100%;text-align: center;position: relative;z-index: 5;margin-bottom: 25px;}
.PUBtitle h4{font-size: 32px;font-weight: 400;color: #000;line-height: 1.3;}
.PUBtitle i{display: block;width: 28px;height: 3px;background: #236396;margin: 13px auto 0;}

#job-list {
	margin-bottom: 0;
}

#job-list .box {
	padding: 40px;
	background: #fff;
	border: 1px solid #e2e2e2;
	margin-top: 10px;
}

#job-list .top {
	background: #236396;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}

#job-list .name,#job-list .num,#job-list .address,#job-list .date {
	float: left;
	width: 22%;
	padding: 20px 0;
	text-align: center;


	line-height: 1.6;
	box-sizing: border-box;
}

#job-list .name {
	padding-left: 50px;
	text-align: left;
}

#job-list .arrow {
	float: left;
	width: 12%;
	text-align: center;
}

#job-list .arrow i {
	display: block;
	margin: 0 auto;
	width: 65px;
	height: 65px;
	background: url("../images/down.png") no-repeat center;
	-webkit-transition: -webkit-transform 0.5s ease-out;
	-moz-transition: -moz-transform 0.5s ease-out;
	-o-transition: -o-transform 0.5s ease-out;
	-ms-transition: -ms-transform 0.5s ease-out;
	transition: transform 0.5s ease-out;
}


#job-list .article {
	border-bottom: 1px solid #dbdbdb;
	font-size: 15px;
	padding: 0;
}


#job-list .article .clearfix {
	cursor: pointer
}

#job-list .article.active .arrow i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

#job-list .content {
	position: relative;
	display: none;
	background: #f5f5f5;
	border: 1px solid #dadada;
	border-bottom: 0;
	padding: 15px 50px 30px;
	color: #464646;
}


#job-list .content .txt {
	font-size: 16px;
	margin-bottom: 12px;
	padding-top: 22px;

	font-weight: 700;
	color: #292929;
}

#job-list .content h3 {
	font-weight: 400;
	position: relative;
	padding-left: 22px;
}

#job-list .content h3:before {
	content: '';
	width: 9px;
	height: 9px;
	background: #c64f4a;
	position: absolute;
	top: 7px;
	left: 0;
}


#job-list .content p {

text-indent: 0;

line-height: 1.8;

margin-bottom: 7px;

color: #545454;
}


.pubTitle{width: 100%;text-align: center;}
.pubTitle h6{font-size: 32px;color: #000;line-height: 1.3;font-weight: 400;}
.pubTitle i{display: block;width: 20px;height: 3px;background: #236396;margin: 15px auto 30px auto;}
.pubTitle p{font-size: 14px;color: #464646;line-height: 2;}


.map-box {
	width: 100%;
	height: 400px;
	position: relative;
}

.map-box img {
	max-width: 1000%;
}

.map-box .allmap {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.map-box .anchorBL {
	display: none;
}

.new-list1{margin-left:-15px;margin-right: -15px;float: left;}
.new-list1 li{width: 33.333333333%;float:left;padding: 0 15px;margin-bottom: 30px;}
.new-list1 li figure{ display:block; line-height:normal; overflow:hidden;margin: 0;}
.new-list1 li figure img{ display:block; width:100%; height:auto; line-height:0; transition:430ms;}
.new-list1 li figcaption{display:block;padding: 18px 24px;overflow:hidden;background: #ffffff;position:relative;text-align: center;line-height: 1.8;transition:340ms;}
.new-list1 li figcaption time{ line-height:normal; color:#7e7e7e; font-size:14px; transition:300ms;}
.new-list1 li figcaption h3{color: #2b2b2b;font-size: 16px;font-weight: 400;margin: 0;transition:300ms;text-transform: none; display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;}
.new-list1 li figcaption p{color:#6c6c6c;height: 50px;overflow:hidden;font-size:14px;line-height: 1.7;margin-top: 10px;transition:300ms;}
.new-list1 li figcaption span{ display:block; width:102px; height:30px; line-height:30px; background:#fff; color:#236396; font-size:14px; margin-top:12px; position:relative; bottom:-30px; opacity:0; text-align:center; transition:300ms;}
.new-list1 li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.new-list1 li:hover figcaption{background: #236396;}
.new-list1 li:hover figcaption time{ color:#fff;}
.new-list1 li:hover figcaption h3{ color:#fff;}
.new-list1 li:hover figcaption p{ color:#fff;}
.new-list1 li:hover figcaption span{ opacity:1; bottom:0; position:relative; transition:355ms 100ms;}

.bann1{height: 450px;padding-top: 165px;padding-bottom: 120px;margin-top: 0;color:#fff;}
.bann1 h2{font-size: 40px;margin-bottom: 20px;line-height: 1.2;font-weight: 700;text-align: left;color: #ffffff;width: 50%;}

.ytt2{font-size: 16px;line-height: 1.8;color: #ffffff;width: 50%;
display: -webkit-box;

-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;}


.in-one{overflow: hidden;padding: 65px 0;}

.tit3{text-align: center;margin-bottom: 32px;}
.tit3 h3{font-size: 32px;font-weight: 700;color: #333;line-height: 1.2;position: relative;}
.tit3 h4{font-size: 14px;color: #666;}

.index_text1{color: #484848;line-height: 1.8;font-size: 16px;margin:0 auto;text-align:center;max-width: 950px;}
.index_text1 p{color: #484848;line-height: 1.8;font-size: 16px;margin:0 auto;text-align:center;margin-bottom:5px;}

.scet{padding: 50px 40px;background: #fff;font-size: 15px;line-height: 2;margin-top: 36px;}
.scet p{font-size: 15px;line-height: 2;margin-bottom: 10px;}

.cpn-culture{}
.cpn-culture ul{overflow: hidden;margin-left: -1%;margin-right: -1%;margin-bottom: -20px;}
.cpn-culture ul li{width: 31.333333333%;float:left;margin: 0 1%;margin-bottom: 25px;background: #f5f5f5;font-size:14px;color: #7b7b7b;line-height: 1.7;}
.cpn-culture ul li .note{padding: 40px 40px;text-align: left;}
.cpn-culture ul li h4{font-size: 18px;color: #151515;margin-bottom: 13px;padding-bottom: 12px;position: relative;font-weight: 700;text-align: center;}
.cpn-culture ul li h4:after{content:"";position: absolute;left:50%;bottom:0px;width:30px;height: 3px;background: #236396;margin-left:-15px;transition: all 0.3s ease;}
.cpn-culture ul li p{color: #7b7b7b;line-height: 1.7;margin-bottom:0;text-align: center;height: 70px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.cpn-culture ul li s {max-width: 80px;display: block;margin: 0 auto 15px auto;text-align: center;}
.cpn-culture ul li:hover h4:after{width:40px;margin-left:-20px;}


.ct-box{overflow:hidden;margin-bottom: 20px;}
.ct-box .ct-block{float:left;width: 50%;height: 400px;overflow: hidden;padding: 90px 60px;background-color: #f9f9f9;box-sizing:border-box;}
.ct-box .ct-img{float:left;width: 50%;height: 400px;overflow: hidden;}
.ct-block .adr-con{color: #484848;overflow:hidden;}
.ct-block .adr-con p{}

.v7{font-size: 24px;font-weight:400;line-height: 1.2;margin-bottom: 5px;color: #333;}
.v8{font-size: 15px;line-height: 1.5;font-weight:400;margin-bottom: 18px;padding-bottom: 12px;color: rgba(56, 56, 56, 0.8);border-bottom: 1px solid #d8d8d8;}

.at3{line-height:2;color:#424242;margin-bottom:0;}

.at3 p{line-height:2;color:#424242;margin-bottom: 3px;}


.case_list {
  width: 100%;
  overflow: hidden;
}
.case_list .item {
  width: 100%;
  border: 1px solid #e4e4e4;
  padding: 25px 0px;
  display: block;
  overflow: hidden;
  color: #000;
  background: #fff;
  margin-bottom: 12px;
}

.case_list .item .left {
  float: left;
  width: 15%;
  padding: 0px 40px;
  line-height: 0;
  border-right: 1px solid #d8d8d8;
}
.case_list .item .left img {
  height: auto;
  margin: 0 auto;
  display: block;
}
.case_list .item .right {
  float: right;
  width: 85%;
  padding: 14px 30px;
  box-sizing: border-box;
}
.case_list .item .right .title {
  font-size: 18px;
  line-height: 1.7;
  color: #252525;
  font-weight: 700;
}
.case_list .item .right .desc {
  font-size: 14px;
  color: #585858;
  margin-top: 10px;
  line-height: 23px;
  display: -webkit-box;
  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: 66px;

}


.case_list .item .first_right {
  border-left: none;
}
.case_list .item .first_right img {
  width: 100%;
  margin-top: 10px;
}


.home-block.hb-white {
	background:#fff;
}
.home-block.hb-yy {
	background: #f5f5f5;
}


.x12{padding-top: 10px;line-height: 2;}

.x13{line-height: 2;color: #666666;}

.a561 {
	font-size: 30px;
	font-weight: 400;
	color: #59778b;
	line-height: 1.4;
	margin-bottom: 0;
}

.a562 {
	font-size: 26px;
	font-weight: 400;
	color: #59778b;
	line-height: 1.4;
	margin-bottom: 20px;
}

.boder{ border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}

.mb20{ margin-bottom:40px;}

.x14{padding-top: 5px;line-height: 2; color: #666666; padding-left:30px;}

.x16{padding-top: 5px;line-height: 2; color: #666666; padding-right:30px;}

.honorbd{padding: 10px;background: #ffffff;border: 1px solid #e6e6e6;border-radius: 4px;}
.honorbd img{max-height: 400px;margin:0px auto;display:block;cursor: pointer;}
.honorbd h4{margin-top:20px;color:#333;font-size: 14px;text-align:center;}

.ctt1{
	margin: 30px -0.7% -10px -0.7%;
	width: 101.4%;
	float:left;
	text-align: center;
}
.ctt2{width: 23.3%;margin: 0 0.7% 15px 0.7%;display: inline-block;}

.profit-item {width: 100%;float: left;}

.clearFix {*zoom:1}
.clearFix:before, .clearFix:after {display:table;content:""}
.clearFix:after {clear:both}

.box{position: absolute;padding: 0;top: 0;opacity:0.5;z-index:4;opacity:1;z-index: 99999999;}
.box_bg{}
.box22{width:100%;height:100%;margin:0 auto;display:none;z-index: 999;position:fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.8);opacity:1;padding-top: 60px;}
.login5{width: 100%;height: 120px;text-align:center;position:relative;margin: 0 auto;}
.login5 h2{ font-size:30px; line-height:65px; color:#ffffff;}
.close{position:absolute;width: 47px;height: 47px;right: 40px;top: 40px;}
.login51{width: 100%;padding: 0;margin:0 auto;color: #fff;height: 80%;overflow: hidden;display: block;}

.at22{ max-height: 8rem; max-width: 8rem;}

.video-list5 {
	margin-left: -0.8%;
	margin-right: -0.8%;
	}
  
.video-list5 .video-item {
  width: 31.7333333333%;
  background: #f5f5f5;
  margin-right: 0.8%;
  margin-left: 0.8%;
  margin-bottom: 20px;
  transition-duration: .5s;
  text-align: center;
  cursor: pointer;
  float: left;
  }

  .video-list5 .video-item:hover {
  background: #0D6BAD;
  }

  .video-list5 .video-item:hover .video-name {
    color: #fff; }

	
.video-list5 .video-name {
  margin: 20px 22px;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  }


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

.header-main{ padding:0 40px;}

.case_list .item .right {
  padding: 10px 30px;
  box-sizing: border-box;
}

.box22{padding-top: 40px;}

.login5{height: 80px;}

.at22{ max-height: 8rem;}
	
	}
	
@media only screen and (max-width: 1366px) {

.cxxx1{width: 160px;}

.header-main{ padding:0 30px;}

.footer .footer-menu{width: 44%;}

.at22{ max-height: 8rem;}
	
	}


@media only screen and (max-width: 1024px) {
	
.header-main{ padding:0 20px;}


.banner_list_bg{height:auto;}
.banner_list{width: 100%;}
.banner_list ul{width: 100%;background: #fff;}
.banner_list ul li{float: left;width: 50%;}
.banner_list ul li a{line-height: 55px;font-size: 14px;color: #424242;display: inline-block;text-align: center;padding: 0;width: 100%;}

.banner_list_right{display: none;}

.srv-container .srv-wrap{padding: 25px 20px 30px 20px;background:#fff;}
.srv-wrap .srv-top{padding-bottom: 15px;text-align: left;font-size: 22px;}
.srv-top12{padding-bottom: 15px;text-align: left;font-size: 22px;}
.srvStgy-top{margin: 15px auto 0;}

.srvStgy-top p{margin-bottom: 10px;}

.home-block {
	padding: 30px 0;
}

.home-block1 {
	padding: 20px 0;
}

.paragraph-dec{ padding-left:32px; padding-right:32px;}



.mp50{ margin-top:20px;}

.mb-60 {
margin-bottom:40px;
}

.x15{padding-top: 20px;padding-left: 0;}


.foot_nav{display: none;}
.foot_top{padding: 20px 0;}
.foot_link{ float: none;  box-sizing: border-box; margin: 0 auto; width: 100%; text-align: left;}
.foot_link .icon-caidan{ float:right}
.foot_link h2{padding: 0 20px; box-sizing: border-box;}
.foot_addre{padding: 0;}
.foot_bottom{ padding-bottom: 20px;}
.foot_addre span{display: block;margin: 0 0 4px 0;line-height: 24px;}
.foot_code{width: 100%;}
.foot_code .code_box{display: inline-block;float: none;margin: 0 20px 10px 0;width: 100px;}
.foot_code1{width: 100%;}
.foot_code1 .code_box{display: inline-block;float: none;margin: 0 15px 10px 0;width: 100px;}
.foot_copy{text-align: center;font-size: 13px;line-height: 1.5;padding: 14px 0;}
.foot_copy .fr{ display: block; float: none;}

.solution .solution-content .industry-item dl{ background-color: #FFF; display:block; align-items: center; margin-bottom: 20px;}
.solution .solution-content .industry-item dl dt{width: 100%;line-height: 0;}
.solution .solution-content .industry-item dl dd{flex: 1;padding: 30px;max-height: 100%;}
.solution .solution-content .industry-item dl dd h2{font-weight: normal;font-size: 22px;color: #0D6BAD;}
.solution .solution-content .industry-item dl dd p span.line{display: block;width: 20px;height: 2px;background-color: #0D6BAD;margin: 12px 0;}
.solution .solution-content .industry-item dl dd p a{margin-top: 20px;}
.solution-content{padding-bottom: 10px;padding-top: 30px;}

.pro_list li{width: 98%;}

.vtt11{padding: 20px;background:#fff;}

.pro-left{ float:none; width: 100%;}
.pro-right{float:none; width: 100%;}
.pro-left1{ float:none; width: 100%;}
.pro-right1{float:none; width: 100%;}
.pd30{padding: 20px!important;}

.zss1{ display:none;}
.zss2{ display:block;}

.video-list2 .video-item {
  width: 99%;
  }
  
.video-list2 .video-name {
  margin: 18px;
  font-size: 14px;
  }
  
  .index-2-more a{display: inline-block;padding: 12px 30px;}
  
  .subject-item7 .content_list {
	margin-top: 0;
}

.subject-item7 .item_block:first-child {
	padding: 30px 30px;

	width: 100%;
	margin-bottom: 20px;
}

.subject-item7 .item_block:not(:first-child) {
	padding: 20px 20px 20px 30px;
	width: 100%;
	float: left;
	border-top: 1px solid #e5e5e5;
}


.subject-item7 .item_block .item_wrapper .date_wrap .md {
	font-size: 14px;
	line-height: 30px;
}

.footer{padding: 30px 0 10px 0;}
.footer .footer-telephone{padding-right:15px}
.footer .wx{padding-left:15px; width:130px;}
.footer .footer-telephone .phone-number{font-size: 22px;margin-bottom: 12px;}
.footer .wx .img-box1{height:auto}
.footer .wx p{margin-top:10px;font-size:12px}
.footer .footer-telephone .address{font-size:12px}
.footer .web-info{line-height:1.6;font-size:12px;display:block;padding-top:10px;margin-top: 15px;}
.footer .web-info span{display:block}
.footer .footer-telephone{padding: 0 30px 0 0;width: 62%; border-left:none;}
.footer .footer-telephone .address{margin-bottom:10px}

.footer .footer-menu{width: 100%;float: left;}

.footer .footer-menu .item{width: 33.33333333333%;float: left;padding-right: 20px;padding-left: 0;margin-bottom: 10px;}

.footer .footer-menu .item .title{font-size: 15px;margin-bottom: 16px;}

.footer .footer-menu .item a{ font-size:13px;}

.cxxx1{width: 160px;}

.ss3{width: 100%;margin-bottom: 30px;}

.kk_page01 ul li{width: 98%;margin-bottom: 15px;}
.kk_page01 ul{ margin-bottom:-12px;}

.solute-info{width: 100%;margin: 0 0 15px 0;}

.solute-info figcaption p{
  height: auto;
	}

.solute-info figcaption h4{font-size: 20px;margin-top: 30px;}

.productSeries{padding: 40px 0;}

.other_banner{}
.other_banner .banner_text h3{font-size: 22px;margin-bottom: 0;}

.other_banner .banner_text h4{font-size: 16px;}

.map-box {
	height: 300px;
}

.line33 {
  margin: 10px auto;

}

.new-list li{width: 100%;float:left;padding: 0 10px;margin-bottom: 25px;}

.nymenu_mid ul li a{padding: 15px 0;line-height: 1.5;font-size: 14px;}
.nymenu_mid ul li{padding: 0 7px;width: 33.333333333%;float: left;display: block;}

.new-list{margin-top: 30px;}


.news-pagecontent {
	width: 100%;
}

.news-pagelist {
		float: left;
		width: 100%;
		margin-top:20px;
	}
.news-pagecontent .page .title h1 {
		font-size: 20px;
		font-weight: normal;
		color:#262626;
	}
.news-pagecontent .page {
		padding: 20px 20px 15px;
	}
	
.download-list-box .title {
        width: 100%;
        cursor: pointer;
        padding-left: 38px;
        background: url(../images/ser221.png) no-repeat left center;
        line-height: 60px;
        font-size: 14px;
        overflow: hidden;
        height: 60px;
        color: #444;
        border-bottom: 1px solid #e0e0e0;
    }
	

  .download-list-box .download {
        margin-top: 15px;
        width: 80px;
        height: 30px;
        padding-left: 17px;
        line-height: 30px;
        background: #236396 url(../images/ser231.png) no-repeat 50px center;
        color: #fff;
        font-size: 13px;
        display: block;
        border-radius: 30px;
    }

.download-list-box .title:hover {
        background: url(../images/ser221_h.png) no-repeat left center;
        color: #236396;
    }
	
.ti22{ width:65%;}

.video-list3 .video-item {
  width: 99%;
  }
  .video-list3 .video-name {
  margin: 18px;
  font-size: 14px;
  }
  
  .article{ padding:20px 25px;}
  
  .video22{ width:100%; margin:0 auto;}
  
  .subNewsTitle h3:first-child{font-size: 22px;line-height: 1.6;padding: 0 0px 10px;}
  
  #job-list {
		margin-bottom: 0;
	}


	#job-list .box {
		padding: 15px 10px;
		margin-top: 0;
	}

	#job-list .box .top {
		font-size: 15px;
	}

	#job-list .name,#job-list .num,#job-list .address,#job-list .date {
		width: 21%;
		padding: 15px 0;
	}

	#job-list .name {
		width: 28%;
		padding-left: 15px;
	}

	#job-list .arrow {
		width: 8%;
	}

	#job-list .arrow i {

width: 20px;

height: 52px;

-webkit-background-size: 12px;

-moz-background-size: 12px;

background-size: 12px;
}

	#job-list .article {
		font-size: 14px;
	}

	#job-list .content {
		padding: 10px 15px;
		font-size: 12px;
	}

	#job-list .content .txt {
		font-size: 14px;
		margin-bottom: 10px;
		padding-top: 10px;
	}

	#job-list .content h3 {
		padding-left: 15px;
	}

	#job-list .content h3:before {
		width: 6px;
		height: 6px;
		top: 9px
	}
	
	

	#job-list .name{
	width: 70%;
}

#job-list .date {
	width: 22%;
}

#job-list .num,#job-list .address {
	display:none;
}

.PUBtitle i{margin: 10px auto 0;}

.PUBtitle h4{font-size: 22px;}
.PUBtitle{margin-bottom: 20px;}

.pubTitle h6{font-size: 22px;}
 .pubTitle i{margin: 10px auto 10px auto;}
 
 .new-list1 li{width: 100%;margin-bottom:20px;}
 
.bann1{height: 250px;padding-top: 80px;}
.bann1 h2{font-size:22px;width: 80%;margin-bottom: 15px;letter-spacing: 0;}

.ytt2{
	font-size:14px;
	width: 80%;
}

.mr_frbox { }
.mr_frBtnL { float: left; margin: 100px 0 0px 0px; cursor: pointer; display: inline; width:5%; margin-right:5%;}
.mr_frUl { float: left; width: 85%; }
.mr_frBtnR {float: right;margin-top: 100px;cursor: pointer;width:5%;margin-right: 0;}
.mr_frUl ul li { display: inline; float: left; width: 92%; margin-right:10px; overflow: hidden; }

.cpn-culture ul li{width: 98%;margin-bottom: 25px;}
.cpn-culture ul li p{height: auto;-webkit-line-clamp: 20;}

.tit3 h3{font-size: 22px;font-weight: 700;}

.index_text1 p{font-size: 14px;margin-bottom:5px;}

.tit3{margin-bottom: 24px;}

.scet{padding: 40px 30px;font-size: 14px;line-height: 1.8;margin-top: 24px;}
.scet p{font-size: 14px;line-height: 1.8;margin-bottom: 5px;}

.honorbd h4{
	padding: 15px 20px;
	font-size: 14px;
	}
	
.ct-box .ct-block{width:100%;height:auto;padding: 35px 25px;}
.ct-box .ct-img{float:left;box-sizing:border-box;width: 100%;line-height: 0;height: auto;}

.v7{font-size: 20px;}
.v8{font-size: 14px;}


.case_list .item .left {
  float: left;
  width: 100%;
  border: 0;
}

.case_list .item .right {
  float: left;
  width: 100%;
  padding: 20px 30px 10px;
  box-sizing: border-box;
}


.case_list .item .left img {
  max-width: 150px;
}

.a561 {
	font-size: 24px;
}

.x13{ padding-top:20px;}

.x14{padding-top: 25px;padding-left:0;}

.x16{padding-top: 25px;padding-right:0;}

.a562 {
	font-size: 22px;
}

.mb20{ margin-bottom:20px;}

.ctt2{width: 48%;margin: 0 1% 10px 1%; float:left;}

.ctt1{
	margin: 20px -0.7% -10px -0.7%;
	width: 100%;
}

.close{width: 30px;height: 30px;right: 10px;top: 40px;}

.login5{height: 120px;}


.video-list5 .video-item {
  width: 99%;
  }
  
.video-list5 .video-name {
  margin: 18px;
  font-size: 14px;
  }


}