@charset "UTF-8";

/*客户挂件 - start*/
.pckf {
	position: fixed;
	right: 5px;
	bottom: 100px;
	width: 50px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);
	z-index: 999;
	display: none;
}

.pckf li {
	position: relative;
	border-bottom: 1px solid #fff;
}

.pckf li:last-child {
	border-bottom: none;
}

.pckf-icon {
	position: relative;
	z-index: 4;
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 26px;
	background: #e6000f;
	color: #fff;
	text-align: center;
}

.pckf-info {
	display: block;
	width: 170px;
	position: absolute;
	left: 50px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-right: 20px;
	-webkit-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-moz-transition: all 0.6s;
	z-index: 2;
	opacity: 0;
}

.pckf-info a {
	position: relative;
	display: block;
	background: #fff;
	font-size: 18px;
	font-family: "DIN";
	padding: 16px 15px;
	text-align: center;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.pckf-info a:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: -5px;
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.pckf-info a img {
	width: 100%;
}

.pckf li:hover .pckf-info {
	left: -170px;
	opacity: 1;
}

/*客服挂件手机*/
.kf-mobile {
	position: fixed;
	bottom: 5px;
	right: 5px;
	z-index: 200;
	width: 55px;
	height: 55px;
	display: block;
}

@-webkit-keyframes rotateanm {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotateanm {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.kf-mobile-tig {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: pointer;
	border-radius: 50%;
	background: url(img/kfm_menu.svg) no-repeat center #ee1d23;
	background-size: 24px 24px;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2);
	-webkit-animation: rotateanm 5s linear infinite;
	animation: rotateanm 5s linear infinite;
}

.kf-mobile-list a {
	width: 44px;
	height: 44px;
	background-color: #ee1d23;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	border: 2px solid #fff;
	border-radius: 50%;
	overflow: hidden;
	z-index: 2;
	position: absolute;
	bottom: 5px;
	right: 5px;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.kf-mobile-list a.kfm_01 {
	background-image: url(img/kfm_01.svg);
}

.kf-mobile-list a.kfm_02 {
	background-image: url(img/kfm_02.svg);
}

.kf-mobile-list a.kfm_03 {
	background-image: url(img/kfm_03.svg);
}

.kf-mobile-list a.kfm_04 {
	background-image: url(img/kfm_04.svg);
}

.kf-mobile.open .kf-mobile-tig {
	-webkit-animation: none;
	animation: none;
}

.kf-mobile.open .kfm_01 {
	bottom: 147px;
	right: 0;
}

.kf-mobile.open .kfm_02 {
	bottom: 117px;
	right: 55px;
}

.kf-mobile.open .kfm_03 {
	bottom: 75px;
	right: 100px;
}

.kf-mobile.open .kfm_04 {
	bottom: 16px;
	right: 119px;
}

@media (min-width: 768px) {
	.pckf {
		display: block;
	}

	.kf-mobile {
		display: none;
	}
}

/*客户挂件 - end*/

/*搜索页 - start*/
.sec-search {
	background: #f0f4f7;
	padding: 70px 0;
}

.psearch-left .news-item {
	background: transparent;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.psearch-left .news-item.sea-item .m-cont {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.psearch-left .pagination {
	margin-top: 30px;
}

.psearch-box {
	border: 1px solid #dcdcdc;
	background: #fff;
	position: relative;
	padding-right: 54px;
	margin-bottom: 24px;
}

.psearch-box input {
	width: 100%;
	padding: 0 15px;
	font-size: 14px;
	line-height: 50px;
	color: #333;
}

.psearch-box button {
	width: 50px;
	height: 50px;
	font-size: 30px;
	text-align: center;
	line-height: 50px;
	color: #ee1d23;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.psearch-tip {
	font-size: 16px;
	margin-bottom: 20px;
}

.psearch-right {
	background: #fff;
	margin-top: 30px;
}

.psearch-right .m-tit {
	background: #ee1d23;
	font-size: 16px;
	text-align: center;
	padding: 14px 15px;
	color: #fff;
	border-bottom: 5px solid #f0f4f7;
}

.psearch-ru a {
	display: block;
	background: #fff;
	font-size: 14px;
	color: #444;
	padding: 14px 15px;
	border-bottom: 4px solid #f0f4f7;
}

.psearch-item {
	display: block;
	background: transparent;
	border-bottom: 1px solid #e0e0e0;
	padding: 20px 0;
}

.psearch-item .m-tit {
	font-size: 14px;
	color: #444;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.psearch-item .m-time {
	font-size: 12px;
	color: #777;
	margin: 2px 0 6px;
}

.psearch-item .m-des {
	font-size: 12px;
	line-height: 20px;
	color: #666;
	max-height: 40px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.psearch-item .m-img {
	overflow: hidden;
}

.psearch-item .m-img img {
	width: 100%;
	-webkit-transition: all .8s;
	transition: all .8s;
}

.psearch-item:hover .m-img img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
}

.psearch-item:hover .m-tit {
	color: #ee1d23;
}

.psearch-item .m-img+.m-cont {
	padding: 15px 0 0 0;
}

@media (min-width: 768px) {
	.sec-search {
		padding: 105px 0 110px;
	}

	.psearch-left {
		float: left;
		width: 72.5%;
	}

	.psearch-left .pagination {
		margin-top: 100px;
	}

	.psearch-box {
		padding-right: 78px;
		margin-bottom: 35px;
	}

	.psearch-box input {
		padding: 0 34px;
		font-size: 18px;
		line-height: 68px;
	}

	.psearch-box button {
		width: 68px;
		height: 68px;
		right: 10px;
	}

	.psearch-tip {
		font-size: 24px;
		margin-bottom: 27px;
	}

	.psearch-right {
		float: right;
		width: 25%;
		margin-top: 0;
	}

	.psearch-right .m-tit {
		font-size: 20px;
		padding: 20px 34px;
		border-bottom: 5px solid #f0f4f7;
	}

	.psearch-ru a {
		font-size: 18px;
		padding: 20px 34px;
		border-bottom: 4px solid #f0f4f7;
	}

	.psearch-item {
		padding: 25px 0;
	}

	.psearch-item .m-tit {
		font-size: 18px;
	}

	.psearch-item .m-time {
		font-size: 16px;
		margin: 4px 0 10px;
	}

	.psearch-item .m-des {
		font-size: 14px;
		line-height: 24px;
		max-height: 48px;
	}

	.psearch-item .m-img {
		float: left;
		width: 20%;
	}

	.psearch-item .m-img+.m-cont {
		float: left;
		width: 80%;
		padding: 0 4%;
	}
}

/*搜索页 - end*/

.navbar-togger {
	float: right;
	width: 50px;
	height: 50px;
	background: #1a3884;
	border: none;
	padding: 17px 15px;
	display: inline-block;
	visibility: visible;
	transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96), opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1), -webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);
}

.navbar-togger .icon_bar {
	width: 20px;
	height: 2px;
	background-color: #fff;
	opacity: 1;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.navbar-togger .icon_bar:nth-of-type(2) {
	margin: 5px 0;
}

.open-menu .navbar-togger .icon_bar:nth-of-type(2) {
	opacity: 0;
}

.open-menu .navbar-togger .icon_bar:first-child {
	-webkit-transform: translate(0, 7px) rotate(45deg);
	transform: translate(0, 7px) rotate(45deg);
}

.open-menu .navbar-togger .icon_bar:last-child {
	-webkit-transform: translate(0, -7px) rotate(-45deg);
	transform: translate(0, -7px) rotate(-45deg);
}

.header .bland {
	float: left;
	font-size: 14px;
	line-height: 18px;
	margin-top: 12px;
}

.header-tel {
	float: right;
	margin-top: 10px;
	font-size: 0;
}

.header-tel a {
	font-family: "DIN";
	display: block;
	font-size: 18px;
	color: #444;
	line-height: 1.2;
}

.header-tel a i {
	display: inline-block;
	font-size: 14px;
	color: #1a3884;
	margin-right: 6px;
	vertical-align: middle;
}

.header-tel a.m-tel i {
	width: 14px;
	height: 14px;
	text-align: center;
	line-height: 15px;
	font-size: 8px;
	background: #1a3884;
	color: #fff;
	border-radius: 50%;
	vertical-align: 4px;
}

.dropdown-full {
	display: none;
}



.about-content{
	width: 48%;
	margin-right: 2%;
}
.video_boxs{
	width: 50%;
	float: right;
}
.video_boxs video{
	width: 100%;
}


@media (min-width: 992px) {

	.scroll-down .header.affix .header-bottom {
		-webkit-transform: translateY(-80px);
		transform: translateY(-80px);
	}

	.navbar {
		position: relative;
	}

	.nav-list {
		float: left;
	}

	.nav-list>li {
		float: left;
		position: relative;
		margin-right: 14px;
	}

	.nav-list>li:last-child {
		margin-right: 0;
	}

	.category-tig {
		display: none;
	}

	.category-item {
		position: relative;
	}

	.category-item::after {
		content: '';
		width: 1px;
		height: 20px;
		background: rgba(255, 255, 255, .4);
		position: absolute;
		right: -6px;
		top: 50%;
		margin-top: -10px;
	}

	.nav-list>li:last-child .category-item::after {
		display: none;
	}

	.category-item a {
		display: block;
		line-height: 60px;
		font-size: 16px;
		padding: 0 10px;
		color: #fff;
		position: relative;
	}

	.category-item a::after {
		content: '';
		width: 0;
		height: 2px;
		background: #fff;
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	.nav-list>li:hover .category-item a::after,
	.nav-list>li.active .category-item a::after {
		width: 100%;
	}

	.category-cont {
		display: block;
		position: absolute;
		top: 100%;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		z-index: 500;
		background: #fff;
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		width: auto;
		min-width: 150px;
		text-align: center;
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
		-webkit-transition: max-height .8s;
		transition: max-height .8s;
	}

	.category-cont a {
		display: block;
		line-height: 36px;
		color: #888;
		white-space: nowrap;
		font-size: 14px;
		padding: 8px 32px;
		border-bottom: 1px solid #efefef;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.category-cont a:hover {
		color: #1a3884;
	}

	.nav-list>li:not(.nav-full):hover .category-cont {
		opacity: 1;
		max-height: 600px;
	}

	.nav-list>li.nav-full .category-cont {
		display: none;
	}

	.dropdown-full {
		display: block;
		position: fixed;
		left: 0;
		width: 100%;
		z-index: 200;
		background-color: #eee;
		-webkit-transition: none;
		transition: none;
		height: auto;
		display: none;
		overflow: hidden;
		-ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
		-o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
	}

	.nav-full:hover .dropdown-full {
		display: block;
		visibility: visible;
	}

	.dropdown-box {
		background: -webkit-gradient(linear, left top, right top, color-stop(36%, #eee), color-stop(36%, #fff));
		background: linear-gradient(to right, #eee 36%, #fff 36%);
		width: 100%;
	}

	.drop-columns {
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
	}

	.drop-col-l {
		float: left;
		width: 36%;
		background: #eee;
		padding: 36px 0 50px 5%;
	}

	.drop-nav li {
		margin-bottom: 10px;
	}

	.drop-nav li a {
		display: block;
		font-size: 18px;
		font-weight: 600;
		line-height: 45px;
		padding: 0 65px 0 20px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-transition: all .4s;
		transition: all .4s;
		position: relative;
		background: transparent;
	}

	.drop-nav li a i {
		position: absolute;
		right: 28px;
		top: 0;
		font-size: 20px;
		color: #fff;
		line-height: 45px;
		opacity: 0;
		-webkit-transition: all .4s;
		transition: all .4s;
	}

	.drop-nav li.on a {
		background: #ee1d23;
		color: #fff;
	}

	.drop-nav li.on a i {
		opacity: 1;
	}

	.drop-col-r {
		float: left;
		width: 64%;
		padding: 32px 5%;
		background: #fff;
	}

	.drop-col-se {
		float: left;
		width: 40%;
	}

	.drop-col-th {
		float: right;
		width: 42%;
	}

	.drop-megapanel .m-tit {
		display: block;
		font-size: 24px;
		font-weight: 600;
		margin-bottom: 14px;
	}

	.drop-list.scrollbar-y {
		max-height: 264px;
	}

	.drop-list li {
		margin: 8px 0;
	}

	.drop-list li a {
		font-size: 16px;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.drop-list li a i {
		margin-left: 5px;
		font-size: 18px;
	}

	.drop-list li.on a,
	.drop-list li a:hover {
		color: #ee1d23;
	}

	.drop-megapanel .m-subtit {
		font-size: 14px;
		line-height: 24px;
		color: #666;
		margin-top: 30px;
		margin-bottom: 16px;
	}

	.drop-small-des {
		font-size: 14px;
		line-height: 24px;
		color: #666;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		max-height: 72px;
	}

	.drop-pic {
		margin-top: 20px;
	}

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

	.drop-col-th-box,
	.drop-megapanel {
		display: none;
	}

	.drop-col-th-box.on,
	.drop-megapanel.on {
		display: block;
	}

	.language {
		float: right;
		margin-top: 11px;
		margin-left: 25px;
		position: relative;
	}

	.language-now {
		border: 1px solid rgba(255, 255, 255, .6);
		border-radius: 18px;
		cursor: pointer;
		position: relative;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.language-now a {
		padding-left: 48px;
		padding-right: 40px;
		background: url(img/icon-language.png) no-repeat left 18px center;
		display: block;
		line-height: 34px;
		font-size: 14px;
		height: 36px;
		color: rgba(255, 255, 255, .8);
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.language-now .m-rotate {
		display: inline-block;
		position: absolute;
		right: 18px;
		top: 0;
		font-size: 14px;
		line-height: 34px;
		color: #fff;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.language-list {
		display: block;
		position: absolute;
		top: 100%;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		z-index: 500;
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		width: auto;
		min-width: 115px;
		text-align: center;
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
		-webkit-transition: max-height .8s;
		transition: max-height .8s;
	}

	.language:hover .language-now {
		border-color: #fff;
	}

	.language:hover .language-now a {
		color: #fff;
	}

	.language:hover .language-now .m-rotate {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.language:hover .language-list {
		opacity: 1;
		max-height: 600px;
	}

	.language-list-pad {
		padding-top: 11px;
	}

	.language-list a {
		display: block;
		line-height: 26px;
		color: #888;
		white-space: nowrap;
		font-size: 14px;
		padding: 8px 32px;
		background: #fff;
		border-bottom: 1px solid #efefef;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.language-list:hover a {
		color: #1a3884;
	}

	.search-btn {
		float: right;
		width: 34px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		font-size: 20px;
		color: #fff;
		cursor: pointer;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.search-wrap {
		position: absolute;
		left: 0;
		right: 143px;
		top: 0;
		height: 60px;
		background: #1a3884;
		z-index: -2;
		opacity: 0;
	}

	.search-frame {
		position: relative;
		height: 40px;
		margin-top: 10px;
	}

	.search-close {
		display: block;
		width: 34px;
		height: 40px;
		font-size: 20px;
		color: #fff;
		line-height: 40px;
		text-align: center;
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 0;
		opacity: 0;
		cursor: pointer;
	}

	.search-input {
		margin-right: 60px;
		height: 40px;
		padding-right: 60px;
		border: 1px solid #e5e5e5;
		position: relative;
	}

	.search-input input {
		width: 100%;
		padding: 0 15px;
		font-size: 16px;
		line-height: 38px;
		color: #fff;
	}

	.search-input input::-webkit-input-placeholder {
		color: rgba(255, 255, 255, .8);
	}

	.search-input input::-moz-placeholder {
		color: rgba(255, 255, 255, .8);
	}

	.search-input input:-ms-input-placeholder {
		color: rgba(255, 255, 255, .8);
	}

	.searchtext-btn {
		position: absolute;
		right: 0;
		top: 0;
		width: 38px;
		height: 38px;
		z-index: 2;
		cursor: pointer;
		text-align: center;
		line-height: 38px;
		color: #fff;
		font-size: 16px;
	}

	@-webkit-keyframes searchform-fade {
		0% {
			opacity: 0;
			-webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1);
			animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1)
		}

		100% {
			opacity: 1
		}
	}

	@keyframes searchform-fade {
		0% {
			opacity: 0;
			-webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1);
			animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1)
		}

		100% {
			opacity: 1
		}
	}

	@-webkit-keyframes searchform-slide {
		0% {
			-webkit-transform: translate3d(100px, 0, 0);
			transform: translate3d(100px, 0, 0);
			-webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1);
			animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1)
		}

		100% {
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	}

	@keyframes searchform-slide {
		0% {
			-webkit-transform: translate3d(100px, 0, 0);
			transform: translate3d(100px, 0, 0);
			-webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1);
			animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1)
		}

		100% {
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	}

	@-webkit-keyframes item-searchshow {
		0% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
			-webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
			animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)
		}

		40% {
			opacity: 1
		}

		100% {
			opacity: 0;
			-webkit-transform: scale(0.3);
			transform: scale(0.3)
		}
	}

	@keyframes item-searchshow {
		0% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
			-webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
			animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)
		}

		40% {
			opacity: 1
		}

		100% {
			opacity: 0;
			-webkit-transform: scale(0.3);
			transform: scale(0.3)
		}
	}

	.searchshow .nav-list>li {
		-webkit-animation: item-searchshow .4s both;
		animation: item-searchshow .4s both;
	}

	.searchopen .search-wrap {
		z-index: 10;
		opacity: 1;
	}

	.searchopen .search-frame {
		-webkit-animation: searchform-fade 400ms both;
		animation: searchform-fade 400ms both;
	}

	.searchopen .search-frame form {
		-webkit-animation: searchform-slide 1s both;
		animation: searchform-slide 1s both;
	}

	.searchopen .search-close {
		opacity: 1;
		-webkit-transition: all .2s ease-out 0s;
		transition: all .2s ease-out 0s;
	}

	.searchopen .search-close {
		opacity: 1;
		-webkit-transition: all .2s ease-out 0s;
		transition: all .2s ease-out 0s;
	}

	.searchopen .nav-list>li {
		visibility: hidden;
	}
}

@media (max-width: 991px) {
	.header-flot {
		transition: transform 0.3s, -webkit-transform 0.3s;
	}

	.header.affix .header-flot {
		box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
	}

	.scroll-down .header-flot {
		-webkit-transform: translateY(-60px);
		transform: translateY(-60px);
	}

	.header-bottom {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		overflow: hidden;
		background: #fff;
		-webkit-transition: height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
		transition: height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
		z-index: 490;
	}

	.header.open-menu .header-bottom {
		height: 100%;
	}

	.nav-list>li {
		border-bottom: 1px solid #e5e5e5;
		opacity: 0;
		pointer-events: none;
	}

	.nav-list>li:nth-child(1) {
		-webkit-transform: translateY(-44px);
		transform: translateY(-44px);
		transition: opacity .33s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s, transform .46s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1s, -webkit-transform .46s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1s;
	}

	.nav-list>li:nth-child(2) {
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px);
		transition: opacity .29s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s, transform .45s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s, -webkit-transform .45s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;
	}

	.nav-list>li:nth-child(3) {
		-webkit-transform: translateY(-36px);
		transform: translateY(-36px);
		transition: opacity .26s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s, transform .43s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s, -webkit-transform .43s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;
	}

	.nav-list>li:nth-child(4) {
		-webkit-transform: translateY(-32px);
		transform: translateY(-32px);
		transition: opacity .23s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s, transform .42s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s, -webkit-transform .42s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;
	}

	.nav-list>li:nth-child(5) {
		-webkit-transform: translateY(-28px);
		transform: translateY(-28px);
		transition: opacity .22s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s, transform .42s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s, -webkit-transform .42s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;
	}

	.nav-list>li:nth-child(6),
	.nav-pane {
		-webkit-transform: translateY(-24px);
		transform: translateY(-24px);
		transition: opacity .20s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s, transform .41s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s, -webkit-transform .41s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;
	}

	.navbar {
		position: absolute;
		top: 50px;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		z-index: 620;
		padding: 20px;
		border-top: 1px solid #e5e5e5;
		overflow-x: hidden;
		overflow-y: auto;
		visibility: hidden;
		-webkit-transition: visibility 0s linear 1s;
		transition: visibility 0s linear 1s;
	}

	.header.open-menu .nav-list>li,
	.header.open-menu .nav-pane {
		opacity: 1;
		pointer-events: auto;
		-webkit-transform: none;
		transform: none;
	}

	.header.open-menu .navbar {
		visibility: visible;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

	.category-item {
		position: relative;
	}

	.category-item a {
		font-size: 14px;
		display: block;
		line-height: 48px;
		margin-right: 60px;
		color: #1c1c1c;
	}

	.category-tig {
		font-size: 14px;
		color: #888;
		text-align: right;
		line-height: 48px;
		width: 50px;
		height: 48px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
	}

	.category-rotate {
		width: 20px;
		height: 20px;
		font-size: 20px;
		display: inline-block;
		text-align: center;
		line-height: 1;
		vertical-align: middle;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.nav-list>li.open .category-rotate {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.category-cont {
		display: none;
	}

	.P_parent.open .category-cont {
		display: block;
	}

	.category-cont a {
		line-height: 36px;
		color: #888;
		font-size: 12px;
		display: block;
		padding: 0 20px;
		border-bottom: 1px solid #e5e5e5;
	}

	.category-cont a:last-child {
		border: none;
	}

	.nav-list>li.active .category-item a {
		color: #ee1d23;
	}

	.category-cont a.active {
		color: #ee1d23;
	}

	.search-wrap {
		margin-top: 20px;
	}

	.search-btn {
		display: none;
	}

	.search-close {
		display: none;
	}

	.search-input {
		height: 46px;
		border: 1px solid #e5e5e5;
		position: relative;
		padding-right: 44px;
	}

	.search-input input {
		width: 100%;
		font-size: 14px;
		line-height: 44px;
		padding: 0 15px;
	}

	.searchtext-btn {
		position: absolute;
		right: 0;
		top: 0;
		width: 44px;
		height: 44px;
		z-index: 2;
		cursor: pointer;
		text-align: center;
		line-height: 44px;
		font-size: 16px;
		color: #666;
	}

	.language-now {
		display: block;
		position: relative;
		border-bottom: 1px solid #e5e5e5;
		font-size: 14px;
		line-height: 48px;
	}

	.language-now a {
		font-size: 14px;
		display: block;
		line-height: 48px;
		margin-right: 60px;
		color: #1c1c1c;
		padding-left: 28px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		background: url(img/icon-language_2.png) no-repeat left center;
	}

	.language-now .m-rotate {
		font-size: 14px;
		color: #888;
		line-height: 48px;
		width: 50px;
		height: 48px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
		text-align: right;
	}

	.language-now .m-rotate i {
		width: 20px;
		height: 20px;
		font-size: 20px;
		display: inline-block;
		text-align: center;
		line-height: 1;
		vertical-align: middle;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.language-list {
		display: none;
	}

	.language-list a {
		line-height: 36px;
		color: #888;
		font-size: 12px;
		display: block;
		padding: 0 20px;
		border-bottom: 1px solid #e5e5e5;
	}

	.language.open .m-rotate i {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

@media (min-width: 1260px) {
	.nav-list>li {
		margin-right: 40px;
	}

	.category-item::after {
		right: -19px;
	}
}

@media (min-width: 1500px) {

	.header .bland {
		font-size: 18px;
		line-height: 24px;
		padding-left: 20px;
		margin-left: 25px;
		margin-top: 31px;
	}

	.header-tel {
		margin-top: 42px;
	}

	.header-tel a {
		font-size: 26px;
		margin-left: 25px;
	}

	.header-tel a i {
		font-size: 20px;
		margin-right: 10px;
	}

	.header-tel a.m-tel i {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 12px;
		vertical-align: 4px;
	}

	.category-item a {
		line-height: 70px;
		font-size: 18px;
	}

	.nav-list>li {
		margin-right: 60px;
	}

	.category-item::after {
		right: -29px;
	}

	.drop-list.scrollbar-y {
		max-height: 360px;
	}

	.language {
		margin-top: 16px;
		margin-left: 30px;
	}

	.search-btn {
		width: 34px;
		height: 70px;
		line-height: 70px;
		font-size: 24px;
	}

	.language-list-pad {
		padding-top: 16px;
	}

	.search-wrap {
		right: 145px;
		height: 70px;
	}

	.search-input {
		margin-right: 60px;
		height: 46px;
		padding-right: 60px;
		border: 1px solid #e5e5e5;
		position: relative;
	}

	.search-input input {
		width: 100%;
		padding: 0 15px;
		font-size: 16px;
		line-height: 46px;
		color: #fff;
	}

	.searchtext-btn {
		width: 44px;
		height: 44px;
		line-height: 44px;
		font-size: 18px;
	}

	.search-close {
		width: 34px;
		height: 46px;
		font-size: 24px;
		line-height: 46px;
	}

	.search-frame {
		height: 46px;
		margin-top: 12px;
	}
}

@media (min-width: 1700px) {
	.nav-list>li {
		margin-right: 98px;
	}

	.category-item::after {
		right: -48px;
	}

	.drop-list.scrollbar-y {
		max-height: 472px;
	}
}

/*header - end*/

/*footer - satrt*/
.footer {
	width: 100%;
}

.footer-top {
	background: #d91811;
	color: #fff;
}

.footer-top-left {
	padding: 28px 0 20px 0;
}

.footer-top-left .m-tit {
	font-size: 18px;
	font-weight: bold;
}

.footer-top-left .m-des {
	font-size: 12px;
	margin-top: 5px;
}

.footer-top-center input {
	background: #fff;
	font-size: 13px;
	height: 35px;
	line-height: 35px;
	padding: 0 14px;
	width: 70%;
	float: left;
}

.footer-top-center button {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	width: 24%;
	height: 35px;
	line-height: 35px;
	background: #fff;
	float: right;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.footer-top-center button:hover {
	color: #d91811;
}

.footer-top-right {
	padding: 20px 0 28px 0;
}

.share .bdsharebuttonbox {
	font-size: 0;
}

.share .bdsharebuttonbox a {
	float: none;
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 0 0 0 6px;
	background: #fff;
	font-size: 16px;
	color: #3c4042;
	text-align: center;
	line-height: 30px;
	opacity: 1;
	cursor: pointer;
}

.share .bdsharebuttonbox a:hover {
	color: #d91811;
	opacity: 1;
}

.hover-weixin {
	position: relative;
}

.hover-weixin .m-ewm {
	position: absolute;
	bottom: 100%;
	left: 0;
	padding-bottom: 10px;
	display: none;
}

.hover-weixin .m-img {
	width: 80px;
	height: 80px;
	background: #fff;
	position: relative;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
}

.hover-weixin .m-img::after {
	content: '';
	width: 0;
	height: 0;
	border: 6px solid;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	bottom: -11px;
	left: 5px;
}

.hover-weixin .m-img img {
	width: 100%;
	height: 100%;
}

.footer-directory {
	width: 100%;
	overflow: hidden;
	background: #222;
	padding: 30px 0 14px 0;
}

.footer-item {
	border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.footer-tit {
	position: relative;
}

.footer-tit a {
	font-size: 14px;
	color: #fff;
	line-height: 48px;
	font-weight: 600;
	margin-right: 60px;
	display: block;
}

.footer-tig {
	font-size: 14px;
	color: #fff;
	text-align: right;
	line-height: 48px;
	width: 48px;
	height: 48px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	cursor: pointer;
}

.footer-tig::before,
.footer-tig::after {
	content: '';
	background: #fff;
	position: absolute;
	top: 50%;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.footer-tig::before {
	width: 10px;
	height: 1px;
	right: 0;
	margin-top: -0.5px;
}

.footer-tig::after {
	width: 1px;
	height: 10px;
	margin-top: -5px;
	right: 4.5px;
}

.footer-cont {
	display: none;
}

.footer-pad {
	padding-bottom: 10px;
}

.footer-cont a {
	font-size: 13px;
	padding: 5px 15px;
	color: #a9a9a9;
	display: block;
}

.footer-item.open .footer-tig::after {
	opacity: 0;
}

.footer-ewm {
	margin-bottom: 20px;
	margin-top: 20px;
}

.footer-ewm li {
	float: left;
	width: 40%;
	padding-right: 8%;
	text-align: center;
}

.footer-ewm img {
	width: 100%;
}

.footer-ewm p {
	font-size: 12px;
	color: #a9a9a9;
	margin-top: 10px;
}

.footer-language {
	position: relative;
	display: inline-block;
}

.footer-language .m-top {
	background: #464646;
	height: 36px;
	font-size: 12px;
	line-height: 36px;
	padding: 0 14px;
	color: #fff;
	cursor: pointer;
}

.footer-language .m-top img {
	height: 16px;
	vertical-align: middle;
	margin-right: 5px;
}

.footer-language .m-top i {
	margin-left: 3px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.footer-language .m-list {
	position: absolute;
	bottom: 36px;
	right: 0;
	min-width: 100%;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.footer-language .m-list a {
	display: block;
	font-size: 12px;
	padding: 4px 6px;
	text-align: center;
}

.footer-language .m-list a:hover {
	color: #1a3884;
}

.footer-language.show .m-list {
	opacity: 1;
	visibility: visible;
}

.footer-language.show .m-top i {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.firend-links {
	font-size: 12px;
	color: #666;
	margin-top: 14px;
}

.firend-links a {
	margin-right: 10px;
	margin-bottom: 4px;
	white-space: nowrap;
}

.firend-links a:last-child {
	margin-right: 0;
}

.footer-copyright {
	width: 100%;
	background: #222;
	overflow: hidden;
	font-size: 12px;
	color: rgba(255, 255, 255, .6);
}

.footer-copyright .m-pad {
	border-top: 1px solid #333;
	padding: 16px 0;
}

.footer-copyright .wzdt {
	margin-left: 15px;
}

.footer a {
	-webkit-transition: color .3s;
	transition: color .3s;
}

.footer a:hover {
	color: #1a3884;
}

@media (min-width: 768px) {
	.footer-top-left {
		float: left;
		width: 32%;
	}

	.footer-top-left .m-tit {
		font-size: 24px;
	}

	.footer-top-left .m-des {
		font-size: 16px;
		margin-top: 12px;
	}

	.footer-top-left {
		padding: 42px 0;
	}

	.footer-top-center {
		width: 37%;
		float: left;
		padding: 46px 20px;
	}

	.footer-top-center input {
		font-size: 14px;
		height: 50px;
		line-height: 50px;
		padding: 0 20px;
	}

	.footer-top-center button {
		font-size: 17px;
		height: 50px;
		line-height: 50px;
	}

	.footer-top-right {
		float: left;
		width: 31%;
		padding: 55px 0;
	}

	.share .bdsharebuttonbox {
		text-align: right;
	}

	.share .bdsharebuttonbox a {
		width: 40px;
		height: 40px;
		margin: 0 0 0 10px;
		font-size: 20px;
		line-height: 40px;
	}

	.hover-weixin .m-ewm {
		margin-left: -58.5px;
		padding-bottom: 24px;
	}

	.hover-weixin .m-img {
		width: 117px;
		height: 117px;
		padding: 3px;
	}

	.hover-weixin .m-img::after {
		border: 10px solid;
		border-color: #fff transparent transparent transparent;
		bottom: -18px;
		left: 50%;
		margin-left: -10px;
	}

	.hover-weixin:hover .m-ewm {
		display: block;
	}

}

@media (min-width: 1500px) {
	.footer-dir-right {
		width: 20%;
	}
}

/*footer - end*/

/*subbanner - start*/
.subbanner {
	position: relative;
	padding-top: 90px;
}

.subbanner-bg {
	width: 100%;
}

.img-pc {
	display: none;
}

.img-mobile {
	display: block;
}

.subbanner-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}

.subbanner .sub-text {
	float: right;
	color: #fff;
	text-align: right;
}

.subbanner .sub-cn {
	font-size: 28px;
	line-height: 1.4;
}

.subbanner .sub-en {
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.3;
}

@media (min-width: 768px) {
	.img-pc {
		display: block;
	}

	.img-mobile {
		display: none;
	}

	.subbanner .sub-cn {
		font-size: 42px;
	}

	.subbanner .sub-en {
		font-size: 15px;
	}
}

@media (min-width: 1500px) {
	.subbanner .sub-cn {
		font-size: 50px;
	}

	.subbanner .sub-en {
		font-size: 18px;
	}
}

/*subbanner - end*/

/*breadcrumb - start*/
.breadcrumb {
	background: #333;
	font-size: 0;
	color: #fff;
	padding: 10px 0;
}

.breadcrumb span {
	font-size: 12px;
	display: inline-block;
}

.breadcrumb a {
	font-size: 12px;
	display: inline-block;
	margin-right: 16px;
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.breadcrumb a:hover {
	color: #dd2127;
}

.breadcrumb a::after {
	content: '>';
	font-size: 12px;
	color: #999;
	width: 16px;
	text-align: center;
	position: absolute;
	right: -16px;
	top: 0;
}

.breadcrumb a:last-child {
	margin-right: 0;
}

.breadcrumb a:last-child::after {
	display: none;
}

@media (min-width: 768px) {
	.breadcrumb {
		padding: 15px 0;
	}

	.breadcrumb span {
		font-size: 14px;
		/* padding-left: 20px; */
		background-size: 13px auto;
	}

	.breadcrumb a {
		font-size: 14px;
		margin-right: 20px;
	}

	.breadcrumb a::after {
		font-size: 14px;
		width: 20px;
		right: -20px;
	}
}

/*breadcrumb - end */

/*sec-menu - start*/
.sec-menu {
	background: #f5f5f5;
	height: 45px;
}

.menu-slide {
	position: relative;
}

.menu-slide .swiper-slide {
	width: auto;
}

.menu-slide .swiper-slide a {
	display: block;
	font-size: 14px;
	line-height: 45px;
	padding: 0 19px;
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.menu-slide .swiper-slide a::after {
	content: '';
	width: 0px;
	height: 2px;
	background: #1a3884;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all .5s;
	transition: all .5s;
}

.menu-slide .swiper-slide a.on {
	color: #1a3884;
}

.menu-slide .swiper-slide a.on::after {
	width: 100%;
}

.menu-next,
.menu-prev {
	display: none;
	width: 30px;
	height: 70px;
	font-size: 14px;
	line-height: 45px;
	text-align: center;
	color: #666;
	position: absolute;
	top: 0;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.menu-prev {
	left: -40px;
}

.menu-next {
	right: -40px;
}

.menu-next.swiper-button-disabled,
.menu-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}

.sec-menu.fixe .menu-fix {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	background: #fff;
	width: 100%;
	box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) {
	.sec-menu {
		height: 60px;
	}

	.menu-slide .swiper-slide a {
		font-size: 16px;
		line-height: 60px;
		padding: 0 30px;
	}

	.menu-next,
	.menu-prev {
		font-size: 18px;
		line-height: 60px;
	}

	.menu-slide .swiper-slide a:hover {
		color: #1a3884;
	}

	.menu-next:hover,
	.menu-prev:hover {
		color: #1a3884;
	}
}

@media (min-width: 1500px) {
	.sec-menu {
		height: 70px;
	}

	.menu-slide .swiper-slide a {
		font-size: 18px;
		line-height: 70px;
		padding: 0 32px;
	}


.menu-slide .swiper-slide a:hover {
		background: #1a3884 !important;
		color: #fff !important;
	}


	.menu-next,
	.menu-prev {
		line-height: 70px;
	}
}

/*sec-menu - end*/

/*sec-faq - start*/
.sec-faq {
	padding: 50px 0 60px;
	background: #fff;
}

.faq-box {
	margin-bottom: 45px;
}

.faq-box li {
	background: #fbfbfb;
	margin-bottom: 15px;
	padding: 0 15px;
}

.faq-head {
	padding: 15px 0;
	cursor: pointer;
}

.faq-head .m-index {
	float: left;
	width: 20px;
	height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	background: #1a3884;
}

.faq-head .m-tit {
	font-size: 14px;
	line-height: 20px;
	color: #666;
	margin-left: 36px;
}

.faq-body {
	display: none;
}

.faq-body .m-index {
	float: left;
	width: 20px;
	height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	background: #333;
}

.faq-body .m-tit {
	font-size: 12px;
	line-height: 20px;
	color: #666;
	margin-left: 36px;
}

.faq-pad {
	border-top: 1px solid #ccc;
	padding: 20px 0 35px 0;
}

.btn-load {
	display: inline-block;
	font-size: 12px;
	color: #d91811;
	line-height: 36px;
	padding: 0 28px;
	border: 1px solid #d91811;
	cursor: pointer;
}

@media (min-width: 768px) {
	.sec-faq {
		padding: 115px 0 86px;
	}

	.faq-box {
		margin-bottom: 74px;
	}

	.faq-box li {
		margin-bottom: 20px;
		padding: 0 36px;
	}

	.faq-head {
		padding: 25px 0;
	}

	.faq-head .m-index {
		width: 30px;
		height: 30px;
		font-size: 16px;
		line-height: 30px;
	}

	.faq-head .m-tit {
		font-size: 18px;
		line-height: 30px;
		margin-left: 54px;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.faq-head .m-tit:hover {
		color: #1a3884;
	}

	.faq-body .m-index {
		width: 30px;
		height: 30px;
		font-size: 16px;
		line-height: 30px;
	}

	.faq-body .m-tit {
		font-size: 16px;
		line-height: 30px;
		margin-left: 54px;
	}

	.faq-pad {
		padding: 27px 0 46px 0;
	}

	.btn-load {
		font-size: 16px;
		line-height: 48px;
		padding: 0 38px;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.btn-load:hover {
		background: #d91811;
		color: #fff;
	}
}

/*sec-faq - end*/

/*产品支持 - start*/
.rel {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.abs {
	position: absolute;
	height: 1px;
	top: 0px;
}

.section-title {
	text-align: center;
	padding: 55px 0 40px;
}

.section-title h3 {
	font-size: 22px;
}

.sec-service {
	padding-bottom: 40px;
}

.service-tabs {
	margin-bottom: 30px;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}

.service-tabs .m-tab {
	float: left;
	width: 25%;
	background: #fafafa;
	text-align: center;
	padding: 20px 10px;
	border-right: 1px solid #f0f0f0;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.service-tabs .m-tab:last-child {
	border-right: none;
}

.service-tabs .m-icon {
	width: 42px;
	height: 32px;
	margin: 0 auto;
	position: relative;
}

.service-tabs .m-icon img {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.service-tabs .m-icon img.aft {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.service-tabs p {
	font-size: 14px;
	color: #333;
	margin-top: 10px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.service-tabs .m-tab:hover,
.service-tabs .m-tab.active {
	background: #d70c19;
}

.service-tabs .m-tab:hover .m-icon img.bef,
.service-tabs .m-tab.active .m-icon img.bef {
	opacity: 0;
}

.service-tabs .m-tab:hover .m-icon img.aft,
.service-tabs .m-tab.active .m-icon img.aft {
	opacity: 1;
}

.service-tabs .m-tab:hover p,
.service-tabs .m-tab.active p {
	color: #fff;
}

.service-box {
	margin-bottom: 55px;
}

.service-item {
	display: none;
}

.service-item.active {
	display: block;
}

.service-list li {
	padding: 10px 0;
}
.service-list li{
	float: left;
	width:49%;
	margin-right: 2%;
}
.service-list li:nth-child(5n){
	margin-right: 2%;
}
.service-list li:nth-child(2n){
	margin-right: 0%;
}
.service-list li a {
	display: block;
}
.service-list li a img{
	width: 100%;
	vertical-align: middle;
}
.service-list li a p{
	font-size: 14px;
	text-align: center;
	margin-top: 5px;
}


@media (min-width: 768px) {
	.sec-service {
		padding-bottom: 50px;
	}

	.section-title {
		padding: 65px 0 50px;
	}

	.section-title h3 {
		font-size: 25px;
	}

	.service-tabs .m-tab {
		padding: 34px 10px 25px 10px;
	}

	.service-tabs .m-icon {
		width: 50px;
		height: 38px;
	}

	.service-tabs p {
		font-size: 16px;
		margin-top: 20px;
	}

	.service-box {
		margin-bottom: 65px;
	}

	.service-list li {
		padding: 15px 0;
		width: 17.5%;
		margin-right: 3.125%;
	}
	.service-list li:nth-child(2n){
		margin-right: 3.125%;
	}
	.service-list li:nth-child(5n){
		margin-right: 0;
	}
	.service-list li a p {
		font-size: 14px;
		margin-top: 5px;
	}


}

@media (min-width: 1500px) {
	.sec-service {
		padding-bottom: 60px;
	}

	.section-title {
		padding: 80px 0 60px;
	}

	.section-title h3 {
		font-size: 30px;
	}

	.service-tabs .m-tab {
		padding: 40px 10px 30px 10px;
	}

	.service-tabs .m-icon {
		width: 60px;
		height: 45px;
	}

	.service-tabs p {
		font-size: 20px;
		margin-top: 25px;
	}

	.service-box {
		margin-bottom: 80px;
	}

	.service-list li {
		padding: 18px 0;
		width: 17.5%;
		margin-right: 3.125%;
	}
	.service-list li:nth-child(2n){
		margin-right: 3.125%;
	}
	.service-list li:nth-child(5n){
		margin-right: 0;
	}
	.service-list li a p{
		font-size: 16px;
		margin-top: 10px;
	}
}

/*产品支持 - end*/

/*技术支持 - start*/
.sec-support {
	background: #fafafa;
	padding-bottom: 45px;
}

.section-title p {
	font-size: 14px;
	color: #666;
	margin-top: 14px;
}

.support-item {
	display: block;
}

.support-item .m-img {
	width: 100%;
	height: 0;
	padding-bottom: 68.06282722513089%;
	overflow: hidden;
	border: 1px solid #e3e3e3
}

.support-item .m-img img {
	width: 100%;
}
.support-list .row .col-xs-6:nth-child(2) img{
	width: 70%;
	display: block;
	margin: 0 auto;
}
.support-item .m-cont {
	padding: 20px 0;
}

.support-item .m-tit {
	font-size: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.support-item .m-des {
	font-size: 12px;
	line-height: 20px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 40px;
	margin-top: 5px;
	margin-bottom: 15px;
}

.btn-lookmore {
	display: inline-block;
	background: #fff;
	font-size: 12px;
	color: #777;
	line-height: 28px;
	padding: 0 14px;
	border: 1px solid #e0e0e0;
	border-radius: 15px;
	cursor: pointer;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.btn-lookmore i {
	color: #d70c19;
	font-size: 18px;
	margin-left: 5px;
	vertical-align: -3px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.support-item:hover .m-tit {
	color: #d70c19;
}

.support-item:hover .btn-lookmore {
	background: #d70c19;
	color: #fff;
	border-color: #d70c19;
}

.support-item:hover .btn-lookmore i {
	color: #fff;
}

.support-list .flex-wrap-row {
	margin: 0 -5px;
}

.support-list .col-sm-4,
.support-list .col-xs-6 {
	padding: 0 5px;
}

@media (min-width: 768px) {
	.sec-support {
		padding-bottom: 55px;
	}

	.section-title p {
		font-size: 26px !important;
		margin-top: 16px;
	}

	.support-item .m-img img {
		width: 100%;
		-webkit-transition: all .5s;
		transition: all .5s;
	}
	.support-list .row .col-xs-6:nth-child(2) img{
		width: 70%;
		display: block;
		margin: 0 auto;
	}

	.support-item .m-cont {
		padding: 25px 0;
	}

	.support-item .m-tit {
		font-size: 17px;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.support-item .m-des {
		font-size: 14px;
		line-height: 22px;
		max-height: 44px;
		height: 44px;
		margin-top: 8px;
		margin-bottom: 30px;
	}

	.btn-lookmore {
		font-size: 14px;
		line-height: 40px;
		padding: 0 24px;
		border-radius: 20px;
	}

	.btn-lookmore i {
		font-size: 22px;
		margin-left: 15px;
		vertical-align: -3px;
	}

	.support-item:hover .m-img img {
		-webkit-transform: scale(1.04);
		transform: scale(1.04);
	}

	.support-list .flex-wrap-row {
		margin: 0 -15px;
	}

	.support-list .col-sm-4,
	.support-list .col-xs-6 {
		padding: 0 15px;
	}
}

@media (min-width: 1500px) {
	.sec-support {
		padding-bottom: 65px;
	}

	.section-title p {
		font-size: 18px;
		margin-top: 20px;
	}

	.support-item .m-img {
		overflow: hidden;
	}

	.support-item .m-img img {
		width: 100%;
	}


	.support-list .row .col-xs-6:nth-child(2) img{
		width: 70%;
		display: block;
		margin: 0 auto;
	}



	.support-item .m-cont {
		padding: 30px 0;
	}

	.support-item .m-tit {
		font-size: 20px;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.support-item .m-des {
		font-size: 16px;
		line-height: 26px;
		height: 52px;
		max-height: 52px;
		margin-top: 10px;
		margin-bottom: 36px;
	}
}

/*技术支持 - end*/

/*维修服务 - start*/
.sec-maintain {
	padding-bottom: 50px;
}

@media (min-width: 768px) {
	.sec-maintain {
		padding-bottom: 114px;
	}
}

@media (min-width: 1500px) {
	.sec-maintain {
		padding-bottom: 135px;
	}
}

/*维修服务 - end*/

/*下载中心 - start*/
.sec-download {
	/*padding: 55px 0 60px 0;*/
	padding: 1.20rem 0 0.85rem 0;
}

.download-list {
	margin-bottom: 40px;
}

.download-list .flex-wrap-row {
	margin: 0 -5px;
}

.download-list .col-sm-6,
.download-list .col-xs-12 {
	padding: 0 5px;
}

.download-item {
	display: block;
	padding: 15px;
	background: #f5f5f5;
	margin-bottom: 15px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.download-item .m-icon {
	float: left;
	width: 90px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	background: #fff;
}

.download-item .m-icon img {
	width: 46px;
}

.download-item .m-cont {
	margin-left: 110px;
	margin-top: 20px;
}

.download-item .m-name {
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.download-item p {
	font-size: 12px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 5px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.download-item:hover {
	background: #1a3884;
}

.download-item:hover .m-name {
	color: #fff;
}

.download-item:hover p {
	color: rgba(255, 255, 255, .66);
}

@media (min-width: 768px) {

	/*.sec-download{
    padding: 100px 0 70px 0;
  }*/
	.download-list {
		margin-bottom: 50px;
	}

	.download-list .flex-wrap-row {
		margin: 0 -10px;
	}

	.download-list .col-sm-6,
	.download-list .col-xs-12 {
		padding: 0 10px;
	}

	.download-item {
		padding: 20px;
		margin-bottom: 20px;
	}

	.download-item .m-icon {
		width: 115px;
		height: 115px;
		line-height: 115px;
	}

	.download-item .m-icon img {
		width: 56px;
	}

	.download-item .m-cont {
		margin-left: 155px;
		margin-top: 25px;
	}

	.download-item .m-name {
		font-size: 17px;
	}

	.download-item p {
		font-size: 14px;
		margin-top: 8px;
	}
}

@media (min-width: 1500px) {

	/*.sec-download{
    padding: 120px 0 85px 0;
  }*/
	.download-list {
		margin-bottom: 60px;
	}

	.download-item {
		padding: 20px;
		margin-bottom: 20px;
	}

	.download-item .m-icon {
		width: 136px;
		height: 136px;
		line-height: 136px;
		border: 1px solid #e3e3e3;
	}

	.download-item .m-icon img {
		width: 67px;
	}

	.download-item .m-cont {
		margin-left: 190px;
		margin-top: 30px;
	}

	.download-item .m-name {
		font-size: 20px;
	}

	.download-item p {
		font-size: 16px;
		margin-top: 12px;
	}
}

/*下载中心 - end*/

/*技术视频 - start */
.sec-video {
	padding: 55px 0 60px 0;
}

.video-list {
	margin-bottom: 40px;
}

.video-list .flex-wrap-row {
	margin: 0 -5px;
}

.video-list .col-xs-6,
.video-list .col-sm-4 {
	padding: 0 5px;
}

.video-item {
	display: block;
	overflow: hidden;
	background: #999;
	position: relative;
	margin-bottom: 20px;
}

.video-item .m-img {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 66.84210526315789%;
	overflow: hidden;
}

.video-item .m-img img {
	width: 100%;
}

.video-item .m-mark {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .15);
	z-index: 4;
}

.video-item .m-mark .m-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .6);
	font-size: 16px;
	color: #666;
	text-align: center;
	line-height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.video-item .m-cont {
	background: #c32b2b;
	padding: 0 15px;
}

.video-item .m-name {
	font-size: 12px;
	line-height: 30px;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.video-item:hover .m-mark .m-icon {
	background: #c32b2b;
	color: #fff;
}

@media (min-width: 768px) {
	.sec-video {
		padding: 80px 0 85px 0;
	}

	.video-list {
		margin-bottom: 55px;
	}

	.video-list .flex-wrap-row {
		margin: 0 -15px;
	}

	.video-list .col-xs-6,
	.video-list .col-sm-4 {
		padding: 0 15px;
	}

	.video-item {
		margin-bottom: 30px;
	}

	.video-item .m-img img {
		-webkit-transition: all .8s;
		transition: all .8s;
	}

	.video-item .m-mark .m-icon {
		width: 60px;
		height: 60px;
		font-size: 24px;
		line-height: 60px;
		margin-left: -30px;
		margin-top: -30px;
	}

	.video-item .m-cont {
		padding: 0 30px;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 8;
		-webkit-transform: translateY(40px);
		transform: translateY(40px);
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	.video-item .m-name {
		font-size: 16px;
		line-height: 40px;
	}

	.video-item:hover .m-img img {
		-webkit-transform: scale(1.04);
		transform: scale(1.04);
	}

	.video-item:hover .m-cont {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

/*技术视频 - end */

/*news - start */
.sec-news-host {
	padding: 55px 0 50px;
	background: #fff;
}

.news-slide {
	position: relative;
	overflow: hidden;
}

.news-slide .swiper-slide a {
	display: block;
	width: 100%;
	position: relative;
}

.news-slide .m-img img {
	width: 100%;
}

.news-slide .m-cont {
	background: rgba(211, 0, 0, .6);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 5;
	padding: 10px 100px 25px 15px;
	color: #fff;
}

.news-slide .m-name {
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.news-slide .m-time {
	font-size: 12px;
	line-height: 21px;
	position: absolute;
	right: 15px;
	top: 10px;
}

.news-pagination {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	padding: 0 15px;
	z-index: 10;
	font-size: 0;
}

.news-pagination .swiper-pagination-bullet {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 5px 0 0;
	background: #fff;
	opacity: 0.5;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.news-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background: #1a3884;
}

.news-host {
	margin-top: 20px;
}

.news-host-item {
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #dedede;
	margin-bottom: 20px;
}

.news-host-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.news-host-item .m-name {
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.news-host-item .m-time {
	font-size: 12px;
	color: #777;
	margin-top: 4px;
}

.news-host-item:hover .m-name {
	color: #1a3884;
}

.sec-news-list {
	background: #f5f5f5;
	padding: 55px 0 60px;
}

.news-list {
	margin-bottom: 45px;
}

.news-item {
	display: block;
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.news-item .m-img {
	width: 100%;
}

.news-item .m-img img {
	width: 100%;
}

.news-item .m-cont {
	padding-top: 15px;
}

.news-item .m-tit {
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.news-item .m-time {
	font-size: 12px;
	color: #777;
	margin: 5px 0 8px;
}

.news-item .m-des {
	font-size: 12px;
	line-height: 20px;
	color: #777;
	max-height: 60px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.news-item:hover .m-tit {
	color: #1a3884;
}

@media (min-width: 768px) {
	.sec-news-list {
		padding: 80px 0 85px;
	}

	.news-list {
		margin-bottom: 70px;
	}

	.news-item {
		padding: 30px;
		margin-bottom: 25px;
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	.news-item .m-img {
		float: left;
		width: 280px;
		overflow: hidden;
	}

	.news-item .m-img img {
		width: 100%;
		-webkit-transition: all .8s;
		transition: all .8s;
	}

	.news-item .m-cont {
		margin-left: 335px;
		padding-top: 0;
	}

	.news-item .m-tit {
		font-size: 20px;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.news-item .m-time {
		font-size: 16px;
		margin: 5px 0 24px;
	}

	.news-item .m-des {
		font-size: 16px;
		line-height: 24px;
		color: #777;
		max-height: 72px;
	}

	.news-item:hover .m-img img {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}

	.news-item:hover {
		box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.06);
	}
}

@media (min-width: 992px) {
	.sec-news-host {
		padding: 74px 0 56px;
	}

	.news-slide {
		float: left;
		width: 500px;
		height: 336px;
		position: relative;
		margin: 5px 0;
	}

	.news-slide .swiper-slide a {
		width: 500px;
		height: 336px;
	}

	.news-slide .m-img img {
		width: 100%;
		height: 100%;
	}

	.news-host {
		float: right;
		width: 395px;
		margin-top: 0;
	}
}

@media (min-width: 1260px) {
	.sec-news-host {
		padding: 95px 0 72px;
	}

	.news-slide {
		width: 640px;
		height: 430px;
	}

	.news-slide .swiper-slide a {
		width: 640px;
		height: 430px;
	}

	.news-slide .m-cont {
		padding: 15px 140px 35px 20px;
	}

	.news-slide .m-name {
		font-size: 18px;
	}

	.news-slide .m-time {
		font-size: 16px;
		line-height: 27px;
		right: 20px;
		top: 15px;
	}

	.news-pagination {
		bottom: 16px;
		padding: 0 20px;
	}

	.news-host {
		width: 505px;
	}

	.news-host-item {
		padding-bottom: 15px;
		margin-bottom: 26px;
	}

	.news-host-item .m-name {
		font-size: 18px;
	}

	.news-host-item .m-time {
		font-size: 16px;
		margin-top: 4px;
	}
}

/*news - end */
/*case - start*/
.sec-case {
	padding: 50px 0 60px 0;
}

.sec-case .support-list {
	margin-bottom: 20px;
}

.sec-case .support-item {
	margin-bottom: 20px;
}

.sec-case .support-item .m-img {
	padding-bottom: 68.42105263157895%;
}

@media (min-width: 768px) {
	.sec-case {
		padding: 75px 0 90px 0;
	}
}

/*case - end*/

/*contact-way - start*/
.way-box {
	background: #fff;
	text-align: center;
	padding: 20px 15px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .08);
}

.way-box .m-fir {
	font-size: 18px;
}

.color-red {
	color: #1a3884;
}

.way-box .m-sec {
	font-size: 26px;
	line-height: 1;
	margin: 10px 0;
}

.way-box .m-thr {
	font-size: 14px;
}

.way-before {
	position: relative;
	z-index: 3;
}

/* .map-box{
  margin-top: -30px;
} */
@media (min-width: 768px) {
	.way-box {
		padding: 25px 0;
		box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .08);
	}

	.way-box .m-fir {
		font-size: 24px;
	}

	.way-box .m-sec {
		font-size: 20px;
		margin: 15px 0;
	}

	.way-box .m-thr {
		font-size: 15px;
	}

	/*  .map-box{
    margin-top: -135px;
  } */
}

@media (min-width: 1500px) {
	.way-box {
		padding: 30px 0;
		box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .08);
	}

	.way-box .m-fir {
		font-size: 24px;
	}

	.way-box .m-sec {
		font-size: 34px;
		margin: 15px 0;
	}

	.way-box .m-thr {
		font-size: 18px;
	}

	/*  .map-box{
    margin-top: -164px;
  } */
}

/*contact-way - end*/
/*contact-job - start */
.contact-job {
	padding-bottom: 50px;
}

.job-top,
.job-head {
	background: #f5f5f5;
	padding: 0 10px;
}

.job-top span,
.job-head span {
	float: left;
	width: 33%;
	line-height: 50px;
	font-size: 13px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.job-top {
	background: #1a3884;
	color: #fff;
	margin-bottom: 10px;
}

.job-head {
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.job-list {
	margin-bottom: 20px;
}

.job-list li {
	margin-bottom: 10px;
}

.job-body {
	background: #fbfbfb;
	display: none;
}

.job-pad {
	padding: 30px 10px;
}

.job-left {
	float: left;
	width: 30px;
}

.job-left img {
	width: 20px;
}

.job-right {
	margin-left: 30px;
}

.job-right .m-tit {
	font-size: 14px;
	color: #1a3884;
	margin-bottom: 20px;
}

.job-right dl {
	font-size: 12px;
	line-height: 20px;
	color: #666;
}

.btn-join {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	line-height: 30px;
	padding: 0 50px;
	background: #1a3884;
	cursor: pointer;
}

.job-right .btn-join {
	margin-top: 35px;
}

.btn-lookall {
	display: inline-block;
	font-size: 12px;
	color: #1a3884;
	line-height: 24px;
	cursor: pointer;
}

.btn-lookall i {
	font-size: 20px;
	vertical-align: middle;
	margin-left: 5px;
}

@media (min-width: 768px) {
	.contact-job {
		padding-bottom: 100px;
	}

	.job-top,
	.job-head {
		padding: 0 50px;
	}

	.job-top span,
	.job-head span {
		line-height: 60px;
		font-size: 15px;
	}

	.job-head:hover {
		background: #1a3884;
		color: #fff;
	}

	.job-list {
		margin-bottom: 24px;
	}

	.job-list li {
		margin-bottom: 10px;
	}

	.job-pad {
		padding: 60px 50px 70px 50px;
	}

	.job-left {
		float: left;
		width: 16%;
	}

	.job-left img {
		width: 29px;
	}

	.job-right {
		float: left;
		width: 84%;
		margin-left: 0;
	}

	.job-right .m-tit {
		font-size: 15px;
		margin-bottom: 30px;
	}

	.job-right dl {
		font-size: 14px;
		line-height: 24px;
	}

	.btn-join {
		font-size: 14px;
		line-height: 36px;
		padding: 0 66px;
	}

	.job-right .btn-join {
		margin-top: 55px;
	}

	.btn-lookall {
		font-size: 16px;
		line-height: 30px;
	}

	.btn-lookall i {
		font-size: 28px;
		margin-left: 5px;
	}
}

@media (min-width: 1500px) {

	.job-top span,
	.job-head span {
		line-height: 70px;
		font-size: 18px;
	}

	.job-right .m-tit {
		font-size: 18px;
	}
}

/*contact-job - end */

/*contact-message - start*/
.contact-message {
	background: #fbfbfb;
	padding-bottom: 60px;
}

.message-title {
	font-size: 15px;
	color: #444;
	padding-left: 10px;
	margin-bottom: 10px;
}

.msg-item {
	display: block;
	width: 100%;
	height: 46px;
	background: #fff;
	border: 1px solid #e5e5e5;
	margin-bottom: 15px;
	padding: 0 5px 0 34px;
	position: relative;
}

.msg-item.it1 {
	padding: 0 5px;
}

.msg-item .m-img {
	width: 30px;
	height: 100%;
	position: absolute;
	left: 10px;
	top: 0;
	line-height: 44px;
}

.msg-item .m-img img {
	width: 20px;
}

.msg-item input {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #444;
	line-height: 44px;
	padding: 0 5px;
}

.msg-item select {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #444;
	line-height: 44px;
	background: url(img/icon-down.png) no-repeat right 1px center;
	padding: 0 5px;
}

.msg-item textarea {
	display: block;
	width: 100%;
	height: 80px;
	font-size: 12px;
	line-height: 18px;
	color: #444;
	padding: 13px 5px;
}

.msg-item input::-webkit-input-placeholder,
.msg-item textarea::-webkit-input-placeholder {
	color: #444;
}

.msg-item input::-moz-placeholder,
.msg-item textarea::-moz-placeholder {
	color: #444;
}

.msg-item input:-ms-input-placeholder,
.msg-item textarea:-ms-input-placeholder {
	color: #444;
}

.btn-reset {
	width: 100%;
	height: 46px;
	border: 1px solid #e5e5e5;
	background: #fff;
	font-size: 12px;
	color: #666;
	text-align: center;
	line-height: 44px;
	cursor: pointer;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.btn-reset:hover {
	background: #e5e5e5;
	color: #666;
}

.btn-submit {
	width: 100%;
	height: 46px;
	border: 1px solid #d91811;
	background: #d91811;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 44px;
	cursor: pointer;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.btn-submit:hover {
	background: #fff;
	color: #d91811;
}

@media (min-width: 768px) {
	.message-box .row {
		margin: 0 -10px;
	}

	.message-box .col-xs-12,
	.message-box .col-sm-6 {
		padding: 0 10px;
	}

	.contact-message {
		padding-bottom: 130px;
	}

	.message-title {
		font-size: 20px;
		padding-left: 20px;
		margin-bottom: 14px;
	}

	.msg-item {
		height: 60px;
		margin-bottom: 20px;
		padding: 0 10px 0 44px;
	}

	.msg-item.it1 {
		padding: 0 10px;
	}

	.msg-item .m-img {
		width: 34px;
		left: 17px;
		line-height: 58px;
	}

	.msg-item .m-img img {
		width: 25px;
	}

	.msg-item input {
		font-size: 16px;
		line-height: 58px;
		padding: 0 10px;
	}

	.msg-item select {
		font-size: 16px;
		line-height: 58px;
		padding: 0 10px;
	}

	.msg-item textarea {
		height: 102px;
		font-size: 16px;
		line-height: 24px;
		padding: 17px 10px;
	}

	.btn-reset {
		height: 60px;
		font-size: 16px;
		line-height: 58px;
	}

	.btn-submit {
		height: 60px;
		font-size: 16px;
		line-height: 58px;
	}
}

/*contact-message - end*/
/*product - start*/
.sec-product {
	padding: 40px 0 60px;
}

.pro-menu {
	font-size: 0;
	margin-bottom: 40px;
}

.pro-menu.scrollbar-x {
	width: 100%;
	white-space: nowrap;
}

.sec-product .mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-bottom: 15px;
}

.pro-menu a {
	display: inline-block;
	font-size: 12px;
	color: #444;
	padding: 0 14px;
	line-height: 32px;
	white-space: nowrap;
	cursor: pointer;
	width: 32%;
	background: rgb(240, 240, 240);
	margin: 0 1% 16px 0; 
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.pro-menu a:hover,.pro-menu a.active {
	background: #1a3884;
	color: #fff !important;
}

.sec-product .support-list {
	margin-bottom: 30px;
}

.sec-product .support-item {
	margin-bottom: 15px;
}

.sec-product .support-item .m-img {
	padding-bottom: 70.64935064935065%;
	/*background: rgb(245,245,245);*/
	border: 1px solid #e3e3e3;
}

@media (min-width: 768px) {
	.sec-product {
		padding: 50px 0 70px;
	}

	.pro-menu {
		margin-bottom: 50px;
	}

	.pro-menu.scrollbar-x {
		width: 100%;
		white-space: normal;
	}

	.pro-menu a {
		font-size: 16px;
		padding: 4px 30px;
		line-height: 30px;
		margin-bottom: 4px;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.pro-menu a:hover {
		color: #1a3884;
	}

	.sec-product .support-list {
		margin-bottom: 38px;
	}

	.sec-product .support-item {
		margin-bottom: 38px;
	}
}

@media (min-width: 1500px) {
	.sec-product {
		padding: 60px 0 85px;
	}

	.pro-menu {
		margin-bottom: 60px;
	}

	.pro-menu a {
		font-size: 16px;
		padding: 0 30px;
		line-height: 50px;
	}

	.sec-product .support-list {
		margin-bottom: 45px;
	}

	.sec-product .support-item {
		margin-bottom: 45px;
	}
}

/*product - end*/
/*product-detail - start*/
.product-detail {
	padding: 60px 0;
}

.jqzoom {
	position: relative;
	cursor: pointer;
	display: block;
	width: 100%;
	overflow: hidden;
	border: 1px solid #e3e3e3;
}

.jqzoom img {
	width: 100%;
}

.zoomdiv {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 365px;
	height: 300px;
	background: #ffffff;
	display: none;
	text-align: center;
	overflow: hidden;
	border: 1px solid #ECECEC;
}

.jqZoomPup {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	border: 1px solid #aaa;
	background: #ffffff;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
}

.spec-scroll {
	margin-top: 10px;
}

.spec-scroll .items {
	margin: 0 40px;
	position: relative;
	height: 58px;
	overflow: hidden;
}

.spec-scroll #itemsUl {
	position: absolute;
	width: 999999px;
	height: 58px;
}

#itemsUl li {
	float: left;
	width: 82px;
	height: 58px;
	text-align: center;
	margin-right: 8px;
	background: #fff;
	border: 1px solid #e3e3e3;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#itemsUl li.hover {
	border-color: #1a3884;
}

#itemsUl li img {
	width: 100%;
	height: 100%;
}

.spec-scroll .prev,
.spec-scroll .next {
	width: 20px;
	height: 58px;
	font-size: 32px;
	line-height: 58px;
	color: #bebebe;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.spec-scroll .prev {
	float: left;
	text-align: left;
}

.spec-scroll .next {
	float: right;
	text-align: right;
}

.spec-scroll .prev:hover,
.spec-scroll .next:hover {
	color: #1a3884;
}

.pro-detail-right {
	margin-top: 30px;
}

.pro-detail-right h3 {
	font-size: 20px;
	line-height: 1.2;
}

.pro-detail-right .m-hr {
	width: 35px;
	height: 2px;
	background: #1a3884;
	margin: 20px 0;
}

.pro-detail-right .pro-des {
	font-size: 12px;
	line-height: 20px;
	color: #666;
}

.product-caoz {
	margin-top: 17px;
}

.btn-xwkf {
	display: inline-block;
	font-size: 12px;
	line-height: 36px;
	background: #d91811;
	padding: 0 25px;
	color: #fff;
	border: 1px solid #d91811;
	cursor: pointer;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.btn-xwkf i {
	margin-left: 5px;
}

.btn-xwkf:hover {
	background: transparent;
	color: #d91811;
}

.btn-jjfa {
	display: inline-block;
	font-size: 12px;
	line-height: 36px;
	background: #333;
	padding: 0 25px;
	color: #fff;
	cursor: pointer;
	border: 1px solid #333;
	margin-left: 0px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.btn-jjfa i {
	margin-left: 8px;
}

.btn-jjfa:hover {
	background: transparent;
	color: #333;
}

.btn-zlxz {
	display: inline-block;
	font-size: 12px;
	line-height: 36px;
	background: #d91811;
	padding: 0 25px;
	color: #fff;
	margin-left: 0px;
	border: 1px solid #d91811;
	cursor: pointer;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.btn-zlxz i {
	margin-left: 8px;
}

.btn-zlxz:hover {
	background: transparent;
	color: #d91811;
}

.pd-head {
	background: url(img/pd_01.jpg) no-repeat center #1a3884;
	background-size: cover;
	color: #fff;
	padding: 35px 0;
}

.pd-head h3 {
	font-size: 22px;
}

.pd-body {
	padding: 45px 0;
}

.feature-cont {
	margin-top: 20px;
}

.feature-ul li {
	position: relative;
	font-size: 12px;
	color: #666;
	padding-left: 48px;
	margin-bottom: 15px;
}

.feature-ul li .m-index {
	font-family: "DIN";
	font-size: 22px;
	line-height: 1;
	color: #1a3884;
	width: 48px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -11px;
}

.feature-img {
	overflow-x: auto;
	white-space: nowrap;
}

.pd-body .mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-bottom: 15px;
}

.pd-body table {
	min-width: 100%;
}

.pd-body table td {
	font-size: 12px;
	color: #666;
	background: #f9f9f9;
	border: 1px solid #ddd;
	padding: 10px 15px;
}

.product-parameter .pd-body {
	padding-bottom: 60px;
	background: url(img/pd_03.png) no-repeat center bottom;
	background-size: auto 60px;
}

.recommend-white {
	background: #fff;
	padding-bottom: 40px;
}

.recommend-gray {
	background: #fafafa;
	padding-bottom: 40px;
}

.recommend-gray .download-list {
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.pro-detail-left {
		width: 526px;
		margin: 0 auto;
	}

	.pro-detail-right h3 {
		font-size: 30px;
	}

	.pro-detail-right .m-hr {
		width: 46px;
		margin: 26px 0 30px;
	}

	.pro-detail-right .pro-des {
		font-size: 14px;
		line-height: 26px;
	}

	.product-caoz {
		margin-top: 23px;
	}

	.btn-xwkf {
		font-size: 16px;
		line-height: 48px;
		padding: 0 35px;
	}

	.btn-xwkf i {
		margin-left: 8px;
	}

	.btn-jjfa {
		font-size: 16px;
		line-height: 48px;
		padding: 0 35px;
		margin-left: 15px;
	}

	.btn-jjfa i {
		margin-left: 8px;
	}

	.btn-zlxz {
		font-size: 16px;
		line-height: 48px;
		padding: 0 35px;
	}

	.btn-zlxz i {
		margin-left: 8px;
	}

	.pd-head {
		padding: 52px 0;
	}

	.pd-head h3 {
		font-size: 25px;
	}

	.pd-body {
		padding: 60px 0;
	}

	.feature-img {
		float: left;
		width: 50%;
		padding-right: 20px;
		overflow-x: hidden;
		white-space: normal;
	}

	.feature-img img {
		max-width: 100%;
	}

	.feature-cont {
		float: right;
		width: 50%;
		margin-top: 0;
	}

	.feature-ul li {
		font-size: 16px;
		padding-left: 64px;
		margin-bottom: 25px;
	}

	.feature-ul li .m-index {
		font-size: 30px;
		width: 64px;
		margin-top: -15px;
	}

	.pd-body table td {
		font-size: 16px;
		padding: 13px 22px;
	}

	.product-parameter .pd-body {
		padding-bottom: 120px;
		background-size: auto 120px;
	}

	.recommend-white {
		padding-bottom: 65px;
	}

	.recommend-gray {
		padding-bottom: 65px;
	}
}

@media (min-width: 992px) {
	.product-detail {
		padding: 75px 0;
	}

	.pro-detail-left {
		float: left;
		width: 424px;
	}

	.spec-preview {
		width: 424px;
		height: 300px;
	}

	.jqzoom {
		width: 424px;
		height: 300px;
	}

	.jqzoom img {
		width: 100%;
		height: 100%;
	}

	.spec-scroll .items {
		margin: 0 48px;
		height: 72px;
	}

	.spec-scroll #itemsUl {
		height: 72px;
	}

	#itemsUl li {
		width: 100px;
		height: 72px;
		margin-right: 10px;
	}

	#itemsUl li:hover {
		border-color: #1a3884;
	}

	.pro-detail-right {
		float: right;
		width: 450px;
		margin-top: 0;
	}

	.spec-scroll .prev,
	.spec-scroll .next {
		width: 20px;
		height: 72px;
		font-size: 46px;
		line-height: 72px;
	}

	.pro-detail-right .scrollbar-y {
		height: 208px;
	}
}

@media (min-width: 1260px) {
	.product-detail {
		padding: 95px 0;
	}

	.pro-detail-left {
		float: left;
		width: 530px;
	}

	.spec-preview {
		width: 530px;
		height: 375px;
	}

	.jqzoom {
		width: 530px;
		height: 375px;
	}

	.jqzoom img {
		width: 100%;
		height: 100%;
	}

	.spec-scroll .items {
		margin: 0 60px;
		height: 90px;
	}

	.spec-scroll #itemsUl {
		height: 90px;
	}

	#itemsUl li {
		width: 126px;
		height: 90px;
		margin-right: 14px;
	}

	#itemsUl li:hover {
		border-color: #1a3884;
	}

	.pro-detail-right {
		float: right;
		width: 560px;
	}

	.spec-scroll .prev,
	.spec-scroll .next {
		width: 20px;
		height: 90px;
		font-size: 46px;
		line-height: 90px;
	}
}

@media (min-width: 1500px) {
	.pd-head h3 {
		font-size: 30px;
	}
}

@media (max-width:767px) {

	.zoomdiv,
	.jqZoomPup {
		display: none !important;
	}
}

/*product-detail - end*/
/*news-detail -start*/
.news-detail {
	padding: 55px 0 0 0;
}

.news-detail-left {
	background: #fafafa;
	padding: 35px 15px;
}

.news-detail-right {
	background: #fafafa;
	margin-top: 20px;
	position: sticky;
	top: 60px;
}

.news-detail-right .m-head {
	font-size: 15px;
	color: #fff;
	background: #1a3884;
	padding: 10px 15px;
}

.news-detail-list {
	padding: 0 15px;
}

.news-detail-list li a {
	display: block;
	color: #333;
	border-bottom: 1px solid #e1e1e1;
	padding: 15px 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.news-detail-list li:last-child a {
	border-bottom: none;
}

.news-detail-list a .m-tit {
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.news-detail-list a .m-time {
	font-family: "DIN";
	font-size: 12px;
	line-height: 15px;
}

.news-detail-list a:hover {
	color: #1a3884;
}

.news-detail-left h2 {
	font-size: 22px;
	margin-bottom: 8px;
}

.news-time {
	font-size: 14px;
	color: #666;
	line-height: 16px;
}

.news-time img {
	height: 16px;
	margin-right: 5px;
	vertical-align: middle;
}

.news-detail-content {
	font-size: 12px;
	line-height: 1.875;
	color: #666;
	padding: 30px 0 45px;
}

.news-detail-content img {
	max-width: 100%;
	width: 100% !important;
	height: auto !important;
}

.detail-page {
	text-align: center;
}

.btn-page {
	display: inline-block;
	font-size: 12px;
	color: #666;
	padding: 0 20px;
	background: #fff;
	line-height: 38px;
	margin-right: 6px;
	cursor: pointer;
	vertical-align: middle;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.btn-page .fa-angle-left {
	margin-right: 6px;
}

.btn-page .fa-angle-right {
	margin-left: 6px;
}

.btn-back {
	display: inline-block;
	width: 38px;
	height: 38px;
	background: url(img/icon-back.png) no-repeat center #1a3884;
	background-size: cover;
	margin-right: 6px;
	cursor: pointer;
	vertical-align: middle;
}

.btn-page:hover {
	background: #1a3884;
	color: #fff;
}

@media (min-width: 768px) {
	.news-detail {
		padding: 76px 0 0 0;
	}

	.news-detail-left {
		float: left;
		width: 73%;
		padding: 40px 50px;
	}

	.news-detail-right {
		float: right;
		width: 25%;
		margin-top: 0;
	}

	.news-detail-right .m-head {
		font-size: 18px;
		padding: 12px 20px;
	}

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

	.news-detail-list li a {
		padding: 17px 0;
	}

	.news-detail-list a .m-tit {
		font-size: 16px;
	}

	.news-detail-list a .m-time {
		font-size: 14px;
		line-height: 18px;
	}

	.news-detail-left h2 {
		font-size: 25px;
		margin-bottom: 8px;
	}

	.news-time {
		font-size: 15px;
		line-height: 18px;
	}

	.news-time img {
		height: 18px;
		margin-right: 8px;
	}

	.news-detail-content {
		font-size: 14px;
		padding: 36px 0 50px;
	}

	.detail-page {
		text-align: left;
	}

	.btn-page {
		font-size: 14px;
		padding: 0 48px;
		line-height: 42px;
		margin-right: 8px;
	}

	.btn-page .fa-angle-left {
		margin-right: 8px;
	}

	.btn-page .fa-angle-right {
		margin-left: 8px;
	}

	.btn-back {
		width: 42px;
		height: 42px;
		margin-right: 8px;
	}
}

@media (min-width: 1500px) {
	.news-detail {
		padding-top: 90px;
	}

	.news-detail-left {
		float: left;
		width: 73%;
		padding: 50px 75px;
	}

	.news-detail-right {
		float: right;
		width: 25%;
	}

	.news-detail-right .m-head {
		font-size: 20px;
		padding: 15px 25px;
	}

	.news-detail-list {
		padding: 0 25px;
	}

	.news-detail-list li a {
		padding: 20px 0 17px;
	}

	.news-detail-list a .m-tit {
		font-size: 16px;
	}

	.news-detail-list a .m-time {
		font-size: 14px;
		line-height: 18px;
	}

	.news-detail-left h2 {
		font-size: 30px;
		margin-bottom: 8px;
	}

	.news-time {
		font-size: 18px;
		line-height: 22px;
	}

	.news-time img {
		height: 22px;
		margin-right: 10px;
	}

	.news-detail-content {
		font-size: 16px;
		padding: 40px 0 60px;
	}

	.btn-page {
		font-size: 16px;
		padding: 0 55px;
		line-height: 50px;
		margin-right: 10px;
	}

	.btn-page .fa-angle-left {
		margin-right: 10px;
	}

	.btn-page .fa-angle-right {
		margin-left: 10px;
	}

	.btn-back {
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}
}

/*news-detail - end*/
/*solution - start*/
.sec-solution {
	padding: 55px 0 60px;
}

.solution-list {
	margin-bottom: 15px;
}

.solution-list .flex-wrap-row {
	margin: 0 -4px;
}

.solution-list .col-sm-4 {
	padding: 0 4px;
	margin-bottom: 20px;
}

.solution-item {
	width: 100%;
	height: 100%;
	display: block;
	padding: 30px 15px;
	background: #fff;
	text-align: center;
	box-shadow: 0 10px 68px 0 rgba(0, 0, 0, .06);
	-webkit-transition: all .5s;
	transition: all .5s;
}

.solution-item .m-icon {
	width: 360px;
	height: 360px;
	margin: 0 auto;
	background: #fff;
	text-align: center;
	overflow: hidden;
	border: 1px solid #dcdcdc;
	border-radius: 50%;
	position: relative;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.solution-item .m-icon img {
	width: 100%;
	height: 100%;
	border-radius: 50%
}


.solution-item .m-name {
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.solution-item .m-cont {
	margin-top: 20px;
}

.solution-item .m-cont p {
	display: none;
}

.solution-item:hover {
	box-shadow: 0 10px 68px 0 rgba(0, 0, 0, .06);
}



@media (min-width: 768px) {
	.sec-solution {
		padding: 85px 0 70px;
	}

	.solution-list {
		margin-bottom: 20px;
	}

	.solution-list .flex-wrap-row {
		margin: 0 -15px;
	}

	.solution-list .col-sm-4 {
		padding: 0 15px;
		margin-bottom: 25px;
	}

	.solution-item {
		padding: 50px 20px 45px 20px;
		box-shadow: none;
	}

	.solution-item .m-icon {
		width: 175px;
		height: 175px;
	}

	.solution-item .m-name {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.solution-item .m-cont {
		margin-top: 40px;
	}

	.solution-item .m-cont p {
		font-size: 14px;
		line-height: 22px;
		height: 66px;
		max-height: 66px;
		color: #666;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
}

@media (min-width: 1500px) {
	.sec-solution {
		padding: 40px 0 86px;
	}

	.solution-list {
		margin-bottom: 25px;
	}

	.solution-list .col-sm-4 {
		margin-bottom: 30px;
	}

	.solution-item {
		padding: 60px 30px 54px 30px;
	}

	.solution-item .m-icon {
		width: 200px;
		height: 200px;
	}

	.solution-item .m-name {
		font-size: 22px;
		margin-bottom: 14px;
	}

	.solution-item .m-cont {
		margin-top: 50px;
	}

	.solution-item .m-cont p {
		font-size: 16px;
		line-height: 26px;
		height: 78px;
		max-height: 78px;
	}
}

/*solution - end*/
/*solution-detail - start */
.solution-detail {
	padding-bottom: 55px;
	background: url(img/pd_03.png) no-repeat center bottom;
	background-size: 100% auto;
}

.solu-det-fir {
	text-align: center;
}

.solu-det-fir h4 {
	font-size: 18px;
	margin-bottom: 22px;
}

.solu-det-fir .m-des {
	font-size: 12px;
	line-height: 22px;
	color: #666;
}

.solution-detail .section-title {
	padding-bottom: 10px;
}

.solu-det-sec {
	margin-top: 30px;
	background: #fff;
	box-shadow: 0 6px 68px 0 rgba(0, 0, 0, 0.06);
}

.solu-det-sec .m-img {
	width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	box-shadow: 0 10px 120px 0 rgba(166, 166, 166, 0.16);
}

.solu-det-sec .m-cont {
	width: 100%;
	padding: 20px 15px;
}

.solu-det-sec .m-tit {
	font-size: 18px;
	margin-bottom: 15px;
}

.solu-det-sec .m-des {
	font-size: 12px;
	line-height: 22px;
	color: #666;
}

.solu-det-sec .m-dot {
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #000033;
	border-radius: 50%;
	margin-right: 7px;
	vertical-align: middle;
}

.solu-det-sec li {
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.solution-detail {
		padding-bottom: 63px;
	}

	.solu-det-fir h4 {
		font-size: 20px;
		margin-bottom: 25px;
	}

	.solu-det-fir .m-des {
		font-size: 14px;
		line-height: 26px;
	}

	.solution-detail .section-title {
		padding-bottom: 14px;
	}

	.solu-det-sec {
		margin-top: 35px;
		box-shadow: 0 6px 68px 0 rgba(0, 0, 0, 0.06);
	}

	.solu-det-sec .m-img {
		box-shadow: 0 10px 120px 0 rgba(166, 166, 166, 0.16);
	}

	.solu-det-sec .m-img img {
		width: 100%;
	}

	.solu-det-sec .m-cont {
		padding: 20px 60px;
	}

	.solu-det-sec .m-tit {
		font-size: 20px;
		margin-bottom: 17px;
	}

	.solu-det-sec .m-des {
		font-size: 14px;
		line-height: 26px;
	}

	.solu-det-sec .m-dot {
		width: 6px;
		height: 6px;
		margin-right: 8px;
	}

	.solu-det-sec li {
		margin-bottom: 25px;
	}
}

@media (min-width: 992px) {
	.solu-det-sec .m-img {
		float: left;
		width: 420px;
		height: 288px;
		overflow: hidden;
	}

	.solu-det-sec .m-cont {
		float: right;
		width: 520px;
		height: 288px;
		padding: 15px 55px;
	}

	.solu-det-sec .m-cont .scrollbar-y {
		max-height: 258px;
	}
}

@media (min-width: 1260px) {
	.solu-det-sec .m-img {
		width: 540px;
		height: 370px;
	}

	.solu-det-sec .m-cont {
		width: 660px;
		height: 370px;
		padding: 20px 75px 20px 60px;
	}

	.solu-det-sec .m-cont .scrollbar-y {
		max-height: 330px;
	}
}

@media (min-width: 1500px) {
	.solution-detail {
		padding-bottom: 75px;
	}

	.solu-det-fir h4 {
		font-size: 24px;
		margin-bottom: 30px;
	}

	.solu-det-fir .m-des {
		font-size: 16px;
		line-height: 30px;
	}

	.solution-detail .section-title {
		padding-bottom: 14px;
	}

	.solu-det-sec {
		margin-top: 40px;
	}

	.solu-det-sec .m-tit {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.solu-det-sec .m-des {
		font-size: 16px;
		line-height: 30px;
	}

	.solu-det-sec .m-dot {
		width: 7px;
		height: 7px;
		margin-right: 10px;
	}

	.solu-det-sec li {
		margin-bottom: 30px;
	}

	.solution-detail {
		padding-bottom: 63px;
	}

	.solu-det-fir h4 {
		font-size: 20px;
		margin-bottom: 25px;
	}

	.solu-det-fir .m-des {
		font-size: 14px;
		line-height: 26px;
	}

	.solution-detail .section-title {
		padding-bottom: 14px;
	}

	.solu-det-sec {
		margin-top: 35px;
		box-shadow: 0 6px 68px 0 rgba(0, 0, 0, 0.06);
	}

	.solu-det-sec .m-img {
		box-shadow: 0 10px 120px 0 rgba(166, 166, 166, 0.16);
	}

	.solu-det-sec .m-img img {
		width: 100%;
	}

	.solu-det-sec .m-cont {
		padding: 20px 60px;
	}

	.solu-det-sec .m-tit {
		font-size: 20px;
		margin-bottom: 17px;
	}

	.solu-det-sec .m-des {
		font-size: 14px;
		line-height: 26px;
	}

	.solu-det-sec .m-dot {
		width: 6px;
		height: 6px;
		margin-right: 8px;
	}

	.solu-det-sec li {
		margin-bottom: 25px;
	}
}

/*solution-detail - end */
/*系统特点 -start */
.solution-xttd {
	background: url(img/solution_bd4.png) no-repeat center bottom #222;
	background-size: 100% auto;
	padding-bottom: 50px;
}

.solution-xttd .section-title {
	color: #fff;
	padding-bottom: 12px;
}

.xttd-des {
	font-size: 14px;
	color: rgba(255, 255, 255, .66);
	text-align: center;
	margin-bottom: 45px;
}

.xttd-slide .swiper-slide {
	background: #b7b7b7;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.xttd-top {
	background: #fff;
	text-align: center;
	padding: 35px 15px 18px 15px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.xttd-top .m-icon {
	width: 66px;
	height: 66px;
	border: 1px solid #f0f0f0;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.xttd-top .m-icon img {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.xttd-top .m-icon .aft {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
}

.xttd-top .m-tit {
	font-size: 15px;
	margin-top: 9px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.xttd-bot {
	height: 102px;
	font-size: 12px;
	line-height: 18px;
	color: rgba(255, 255, 255, .88);
	padding: 15px 15px;
	text-align: center;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.xttd-bot .scrollbar-y {
	max-height: 72px;
}

.xttd-pagination {
	margin-top: 30px;
	text-align: center;
	font-size: 0;
}

.xttd-pagination .swiper-pagination-bullet {
	width: 20px;
	height: 2px;
	background: rgba(255, 255, 255, .5);
	margin: 0 5px;
	border: none;
	border-radius: 0;
	opacity: 1;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.xttd-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background: #1a3884;
}

.xttd-slide .swiper-slide:hover {
	background: #e4e4e4;
}

.xttd-slide .swiper-slide:hover .xttd-top {
	background: #d91811;
}

.xttd-slide .swiper-slide:hover .xttd-top .m-icon {
	background: #fff;
	border-color: #fff;
}

.xttd-slide .swiper-slide:hover .xttd-top .m-icon .bef {
	opacity: 0;
}

.xttd-slide .swiper-slide:hover .xttd-top .m-icon .aft {
	opacity: 1;
}

.xttd-slide .swiper-slide:hover .xttd-top .m-tit {
	font-weight: 600;
	color: #fff;
}

.xttd-slide .swiper-slide:hover .xttd-bot {
	color: #666;
}

@media (min-width: 768px) {
	.solution-xttd {
		padding-bottom: 60px;
	}

	.solution-xttd .section-title {
		padding-bottom: 14px;
	}

	.xttd-des {
		font-size: 15px;
		margin-bottom: 50px;
	}

	.xttd-top {
		padding: 40px 25px 22px 25px;
	}

	.xttd-top .m-icon {
		width: 60px;
		height: 60px;
	}

	.xttd-top .m-tit {
		font-size: 20px;
		margin-top: 10px;
	}

	.xttd-bot {
		height: 134px;
		font-size: 14px;
		line-height: 22px;
		padding: 45px 25px;
	}

	.xttd-bot .scrollbar-y {
		max-height: 44px;
	}

	.xttd-pagination {
		margin-top: 45px;
	}

	.xttd-pagination .swiper-pagination-bullet {
		width: 34px;
		height: 3px;
		margin: 0 8px;
	}
}

@media (min-width: 1500px) {
	.solution-xttd {
		padding-bottom: 70px;
	}

	.solution-xttd .section-title {
		padding-bottom: 17px;
	}

	.xttd-des {
		font-size: 18px;
		margin-bottom: 60px;
	}

	.xttd-slide .swiper-slide {
		width: 400px;
	}

	.xttd-top {
		padding: 50px 30px 27px 30px;
	}

	.xttd-top .m-icon {
		width: 96px;
		height: 96px;
	}

	.xttd-top .m-tit {
		font-size: 24px;
		margin-top: 12px;
	}

	.xttd-bot {
		height: 160px;
		font-size: 16px;
		line-height: 26px;
		padding: 54px 30px;
	}

	.xttd-bot .scrollbar-y {
		max-height: 52px;
	}

	.xttd-pagination {
		margin-top: 55px;
	}

	.xttd-pagination .swiper-pagination-bullet {
		width: 40px;
		height: 3px;
		margin: 0 10px;
	}
}

/*系统特点 -end */
/*仓库资产 - start*/
.solution-ckzc {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.solution-ckzc .section-title {
	color: #fff;
	padding-bottom: 20px;
}

.ckzc-dse {
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	text-align: center;
}

.ckzc-list {
	margin: 40px 0 70px;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}

.ckzc-list li {
	float: left;
	width: 49%;
	padding-right: 1px;
	padding-bottom: 1px;
}

.ckzc-list li .m-cont {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .8);
	text-align: center;
	padding: 20px 0;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.ckzc-list li .m-index {
	opacity: 0.36;
	height: 20px;
}

.ckzc-list li p {
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
}

.ckzc-list li .m-cont:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.ckzc-bot {
	margin: 0 auto;
	background: rgba(215, 12, 25, .7);
	text-align: center;
	color: #fff;
	padding: 28px 15px;
}

.ckzc-bot .m-tit {
	font-size: 14px;
	margin-bottom: 20px;
}

.ckzc-bot .m-list {
	text-align: center;
}

.ckzc-bot .m-list img {
	max-width: 100%;
}

@media (min-width: 768px) {
	.solution-ckzc .section-title {
		padding-bottom: 20px;
	}

	.ckzc-dse {
		font-size: 14px;
		line-height: 28px;
		padding: 0 21%;
	}

	.ckzc-list {
		margin: 50px 0 90px;
	}

	.ckzc-list li {
		float: left;
		width: 25%;
	}

	.ckzc-list li .m-cont {
		padding: 34px 0;
		-webkit-transition: all .6s;
		transition: all .6s;
	}

	.ckzc-list li .m-index {
		height: 25px;
	}

	.ckzc-list li p {
		font-size: 20px;
	}

	.ckzc-list li .m-cont:hover {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	.ckzc-bot {
		width: 560px;
		padding: 34px 30px;
	}

	.ckzc-bot .m-tit {
		font-size: 15px;
		margin-bottom: 20px;
	}

	.ckzc-bot .m-list img {
		width: auto;
	}
}

@media (min-width: 1500px) {
	.solution-ckzc .section-title {
		padding-bottom: 25px;
	}

	.ckzc-dse {
		font-size: 16px;
		line-height: 36px;
	}

	.ckzc-list {
		margin: 60px 0 110px;
	}

	.ckzc-list li {
		float: left;
		width: 25%;
	}

	.ckzc-list li .m-cont {
		padding: 40px 0;
	}

	.ckzc-list li .m-index {
		height: 30px;
	}

	.ckzc-list li p {
		font-size: 24px;
	}

	.ckzc-bot {
		width: 560px;
		padding: 40px 30px 35px 30px;
	}

	.ckzc-bot .m-tit {
		font-size: 18px;
		margin-bottom: 25px;
	}
}

/*仓库资产 - end*/
/*home-banner - start */
.home-banner {
	position: relative;
}

.banner-item {
	display: block;
	position: relative;
}

.banner-img img {
	width: 100%;
}

.banner-content {
	position: absolute;
	left: 0;
	top: 6%;
	padding: 0 15px;
	width: 100%;
	z-index: 4;
}

.banner-title {
	font-size: 22px;
	line-height: 1.375;
	font-weight: 300;
	color: #fff;
}

.btn-banner {
	display: inline-block;
	color: #949599;
	font-size: 14px;
	line-height: 34px;
	border: 1px solid #949599;
	border-radius: 20px;
	padding: 0 24px;
	cursor: pointer;
	margin-top: 25px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.btn-banner i {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: #d70c19;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 18px;
	border-radius: 50%;
	vertical-align: middle;
	margin-left: 10px;
}

.btn-banner:hover {
	border-color: #fff;
	color: #fff;
}

.banner-pagination {
	position: absolute;
	bottom: 5%;
	left: 15px;
	font-size: 0;
	z-index: 10;
}

.banner-pagination .swiper-pagination-bullet {
	display: inline-block;
	width: 30px;
	height: 2px;
	background: rgba(255, 255, 255, .5);
	border-radius: 0;
	margin: 0 14px 0 0;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.banner-pagination .swiper-pagination-bullet-active {
	background: #1a3884;
}

@media (min-width: 750px) {
	.banner-content {
		top: 20%;
		padding: 0 8%;
	}

	.banner-title {
		font-size: 40px;
	}

	.btn-banner {
		font-size: 18px;
		line-height: 50px;
		border-radius: 26px;
		padding: 0 40px;
		margin-top: 40px;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.btn-banner i {
		width: 24px;
		height: 24px;
		font-size: 24px;
		line-height: 23px;
		margin-left: 24px;
	}

	.btn-banner:hover {
		border-color: #fff;
		color: #fff;
	}

	.banner-pagination {
		bottom: 5%;
		left: 8%;
	}

	.banner-pagination .swiper-pagination-bullet {
		width: 40px;
		height: 3px;
		margin: 0 20px 0 0;
	}
}

@media (min-width: 1500px) {
	.banner-title {
		font-size: 48px;
	}

	.btn-banner {
		margin-top: 70px;
	}
}

/*home-banner - end */
/*home-porduct -start*/
.home-title {
	position: relative;
	padding: 55px 0 20px;
}

.home-title h3 {
	float: left;
	width: 60%;
	font-size: 35px;
}

.home-title a {
	float: right;
	display: inline-block;
	font-size: 14px;
	line-height: 42px;
	color: #666;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.home-title a i {
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1px solid #777;
	border-radius: 50%;
	font-size: 12px;
	text-align: center;
	line-height: 12px;
	color: #777;
	vertical-align: 1px;
	margin-left: 7px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.h-product-tabs {
	position: relative;
}

.h-product-tabs ul {
	width: 100%;
	white-space: nowrap;
	font-size: 0;
	overflow-x: auto;
}

.h-product-tabs::after {
	content: '';
	width: 100%;
	height: 1px;
	background: #d9d9d9;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.h-product-tabs li {
	display: inline-block;
	font-size: 14px;
	color: #222;
	padding: 0 10px;
	line-height: 40px;
	position: relative;
	z-index: 1;
	cursor: pointer;
	margin-right: 5px;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.h-product-tabs li:last-child {
	margin-right: 0;
}

.h-product-tabs li::after {
	content: '';
	width: 0;
	height: 2px;
	background: #1a3884;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all .5s;
	transition: all .5s;
}

.h-product-tabs li.active {
	color: #1a3884;
}

.h-product-tabs li.active::after {
	width: 100%;
}

.h-product-box {
	margin-top: 40px;
}

.h-product-list {
	display: none;
}

.h-product-list.active {
	display: block;
}

.h-product-item {
	display: block;
	background: url(img/bg_0331.jpg)no-repeat center  /cover;
	position: relative;
	margin-bottom: 15px;
}

.h-product-list .col-xs-12:nth-child(4n+2) .h-product-item,
.h-product-list .col-xs-12:nth-child(4n+3) .h-product-item {
	background: #edf1f7;
background: url(img/bg_0331.jpg)no-repeat center  /cover;
}

.h-product-item .m-img {
	float: right;
	width: 66%;
	overflow: hidden;
	height: 0;
	padding-bottom: 46.73539518900344%;
}

.h-product-item .m-img img {
	width: 100%;
}

.h-product-item .m-cont {
	position: absolute;
	left: 4%;
	top: 10%;
	width: 50%;
}

.h-product-item .m-tit {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.h-product-item .m-des {
	font-size: 12px;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.btn-more {
	display: inline-block;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 15px;
	font-size: 12px;
	color: #777;
	line-height: 30px;
	padding: 0 16px;
	cursor: pointer;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.btn-more i {
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #1a3884;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 18px;
	margin-left: 7px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.h-product-item .btn-more {
	margin-top: 20px;
}

.h-product-bot {
	position: relative;
}

.h-product-bot .m-img img {
	width: 100%;
}

.h-product-bot .m-cont {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 0 15px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.h-product-bot .m-left {
	font-size: 18px;
	font-weight: 600;
	font-style: italic;
	line-height: 26px;
	padding-left: 15px;
	color: #fff;
	border-left: 3px solid #1a3884;
}

.h-product-bot .m-left span {
	display: inline-block;
	width: 70px;
	height: 20px;
	background: url(img/hp_03.png) no-repeat center;
	background-size: cover;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	margin-left: 10px;
	vertical-align: middle;
}

.h-product-bot .m-right {
	margin-top: 20px;
}

.h-product-bot .m-tel {
	font-family: "DIN";
	font-style: italic;
	font-size: 20px;
	color: #1a3884;
	line-height: 1;
}

.h-product-bot .m-tel img {
	height: 16px;
	margin-right: 7px;
	vertical-align: baseline;
}

.btn-contact {
	display: inline-block;
	font-size: 12px;
	line-height: 30px;
	background: #1a3884;
	padding: 0 30px;
	border: 1px solid #1a3884;
	border-radius: 15px;
	color: #fff;
	cursor: pointer;
}

.h-product-bot .btn-contact {
	margin-top: 7px;
}

@media (min-width: 768px) {
	.home-title {
		padding: 68px 0 25px;
	}

	.home-title h3 {
		font-size: 42px;
	}

	.home-title a {
		font-size: 15px;
		line-height: 50px;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.home-title a i {
		width: 17px;
		height: 17px;
		font-size: 13px;
		line-height: 15px;
		margin-left: 8px;
		vertical-align: 2px;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.home-title a:hover {
		color: #1a3884;
	}

	.home-title a:hover i {
		color: #1a3884;
		border-color: #1a3884;
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}

	.h-product-tabs ul {
		overflow: hidden;
	}

	.h-product-tabs li {
		font-size: 15px;
		padding: 0 15px;
		line-height: 60px;
		margin-right: 40px;
	}

	.h-product-tabs li:hover {
		color: #1a3884;
	}

	.h-product-tabs li:hover::after {
		width: 100%;
	}

	.h-product-box {
		margin-top: 50px;
	}

	.h-product-list .flex-wrap-row {
		margin: 0 -10px;
	}

	.h-product-list .col-xs-12,
	.h-product-list .col-sm-6 {
		padding: 0 10px;
	}

	.h-product-item {
		margin-bottom: 20px;
		-webkit-transition: all .6s;
		transition: all .6s;
	}

	.h-product-item .m-img img {
		-webkit-transition: all .6s;
		transition: all .6s;
	}

	.h-product-item .m-cont {
		left: 5%;
		top: 14%;
		width: 44%;
	}

	.h-product-item .m-tit {
		font-size: 30px;
	}

	.h-product-item .m-des {
		font-size: 15px;
	}

	.btn-more {
		border-radius: 18px;
		font-size: 13px;
		line-height: 34px;
		padding: 0 18px;
		-webkit-transition: all .4s;
		transition: all .4s;
	}

	.btn-more i {
		width: 20px;
		height: 20px;
		font-size: 14px;
		line-height: 20px;
		margin-left: 8px;
		-webkit-transition: all .4s;
		transition: all .4s;
	}

	.btn-more:hover {
		border-color: #1a3884;
		background: #1a3884;
		color: #fff;
	}

	.btn-more:hover i {
		background: #fff;
		color: #1a3884;
	}

	.h-product-item .btn-more {
		margin-top: 40px;
	}

	.h-product-item:hover {
		box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
	}

	.h-product-item:hover .m-img img {
		-webkit-transform: scale(1.04);
		transform: scale(1.04);
	}

	.h-product-bot .m-cont {
		padding: 0 5%;
	}

	.h-product-bot .m-left {
		float: left;
		width: 48%;
		font-size: 25px;
		line-height: 36px;
		padding-left: 20px;
		border-left: 3px solid #1a3884;
	}

	.h-product-bot .m-left span {
		width: 88px;
		height: 25px;
		font-size: 12px;
		line-height: 25px;
		margin-left: 10px;
	}

	.h-product-bot .m-right {
		float: right;
		width: 48%;
		text-align: right;
		margin-top: 0;
	}

	.h-product-bot .m-tel {
		font-size: 25px;
	}

	.h-product-bot .m-tel img {
		margin-right: 8px;
	}

	.btn-contact {
		font-size: 14px;
		line-height: 33px;
		padding: 0 33px;
		border-radius: 17px;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.btn-contact:hover {
		background: transparent;
		color: #1a3884;
	}

	.h-product-bot .btn-contact {
		margin-top: 8px;
	}
}

@media (min-width: 1500px) {
	.home-title {
		padding: 80px 0 30px;
	}

	.home-title h3 {
		font-size: 50px;
	}

	.home-title a {
		font-size: 18px;
		line-height: 60px;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.home-title a i {
		width: 20px;
		height: 20px;
		font-size: 16px;
		line-height: 16px;
		margin-left: 10px;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.h-product-tabs li {
		font-size: 18px;
		padding: 0 20px;
		line-height: 70px;
		margin-right: 60px;
	}

	.h-product-box {
		margin-top: 60px;
	}

	.h-product-item .m-tit {
		font-size: 36px;
	}

	.h-product-item .m-des {
		font-size: 18px;
	}

	.btn-more {
		border-radius: 20px;
		font-size: 16px;
		line-height: 40px;
		padding: 0 22px;
	}

	.btn-more i {
		width: 24px;
		height: 24px;
		font-size: 18px;
		line-height: 24px;
		margin-left: 10px;
	}

	.h-product-item .btn-more {
		margin-top: 55px;
	}

	.h-product-bot .m-left {
		font-size: 30px;
		line-height: 40px;
		padding-left: 25px;
	}

	.h-product-bot .m-left span {
		width: 104px;
		height: 30px;
		font-size: 14px;
		line-height: 30px;
		margin-left: 15px;
	}

	.h-product-bot .m-tel {
		font-size: 30px;
	}

	.h-product-bot .m-tel img {
		margin-right: 10px;
	}

	.btn-contact {
		font-size: 16px;
		line-height: 38px;
		padding: 0 38px;
		border-radius: 20px;
	}

	.h-product-bot .btn-contact {
		margin-top: 10px;
	}
}

/*home-porduct -end*/
/*home-solution - start*/
.h-solution-des {
	width: 100%;
	font-size: 12px;
	color: #666;
	line-height: 1.875;
}

.hsolution-slide {
	margin-top: 40px;
	width: 100%;
	background: #fff;
	position: relative;
}

.hsolution-view {
	position: relative;
}

.hsolution-view .swiper-container {
	height: 500px;
	width: 100%;
	position: relative;
}

.hsolution-view .swiper-slide {
	position: relative;
	color: #fff;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.hsolution-view .swiper-slide a {
	display: block;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url(img/hs_bg.png) no-repeat left center;
	background-size: cover;
}

.hsolution-view .swiper-slide button {
	width: 160px;
	height: 50px;
	font-size: 16px;
	background: #666;
	color: #fff;
	margin-top: 10px;
	transition: all .3s;
}

.hsolution-view .swiper-slide button:hover {
	background: rgba(215, 12, 25, .7);
}

.h-solut-text {
	width: 80%;
	position: absolute;
	left: 10%;
	top: 90px;
	z-index: 10;
	text-align: center;
}

.h-solut-text .m-tit {
	font-size: 25px;
	line-height: 1.2;
	opacity: 0;
	-webkit-transform: translate3d(20px, 0, 0);
	transform: translate3d(20px, 0, 0);
	-webkit-transition: .2s ease .4s;
	transition: .2s ease .4s;
}

.hsolution-view .swiper-slide-active .h-solut-text .m-tit {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: .4s ease 0.6s;
	transition: .4s ease 0.6s;
}

.h-solut-text .m-des {
	font-size: 14px;
	line-height: 2;
	margin-top: 20px;
	opacity: 0;
	-webkit-transform: translate3d(20px, 0, 0);
	transform: translate3d(20px, 0, 0);
	-webkit-transition: .2s ease .5s;
	transition: .2s ease .5s;
}

.hsolution-view .swiper-slide-active .h-solut-text .m-des {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: .4s ease 0.7s;
	transition: .4s ease 0.7s;
}

.h-solut-bot {
	width: 80%;
	position: absolute;
	bottom: 0;
	left: 10%;
	background: rgba(215, 12, 25, .7);
	padding: 25px 15px;
	z-index: 11;
	text-align: center;
	opacity: 0;
	-webkit-transform: translate3d(20px, 0, 0);
	transform: translate3d(20px, 0, 0);
	-webkit-transition: .2s ease .6s;
	transition: .2s ease .6s;
}

.hsolution-view .swiper-slide-active .h-solut-bot {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: .4s ease 0.8s;
	transition: .4s ease 0.8s;
}

.h-solut-bot .m-tit {
	font-size: 14px;
}

.h-solut-bot .m-list {
	margin-top: 20px;
}

.h-solut-bot .m-list img {
	max-width: 100%;
}

.hsolution-contact {
	background: url(img/hs_12.jpg) no-repeat center #fff;
	background-size: cover;
	padding: 40px 15px;
}

.hsolution-contact .m-left {
	font-size: 20px;
	font-weight: 600;
	font-style: italic;
	line-height: 1.2;
}

.hsolution-contact .m-left span {
	display: inline-block;
	width: 70px;
	height: 20px;
	background: url(img/hp_03.png) no-repeat center;
	background-size: cover;
	font-size: 10px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	margin-left: 10px;
	vertical-align: middle;
}

.hsolution-contact .m-right {
	margin-top: 20px;
}

.hsolution-contact .m-img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.hsolution-contact .m-img img {
	width: 38px;
}

.hsolution-contact .m-cont {
	display: inline-block;
	vertical-align: middle;
}

.hsolution-contact .m-cont p {
	font-size: 14px;
	font-style: italic;
	color: #444;
}

.hsolution-contact .m-cont a {
	font-family: "DIN";
	font-size: 25px;
	font-style: italic;
	color: #1a3884;
	line-height: 1.14;
}

.hsolution-page {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	padding: 0 15px;
	background: rgba(0, 0, 0, .2);
}

.hsolution-page .swiper-container {
	width: 100%;
	height: 100%;
}

.hsolution-page .swiper-slide {
	text-align: center;
	padding: 10px 2px;
	cursor: pointer;
}

.hsolution-page .m-icon {
	width: 25px;
	height: 25px;
	position: relative;
	margin: 0 auto;
}

.hsolution-page .m-icon img {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.hsolution-page .m-icon .aft {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.hsolution-page .active-nav .m-icon .bef {
	opacity: 0;
}

.hsolution-page .active-nav .m-icon .aft {
	opacity: 1;
}

.hsolution-page .m-tit {
	font-size: 14px;
	color: #fff;
	margin-top: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.hsolution-page .active-nav .m-tit {
	color: #d70c19;
}

.hsolution-page .swiper-slide i {
	display: none;
}

.hsolution-prev,
.hsolution-next {
	display: block;
	position: absolute;
	top: 50%;
	z-index: 20;
	margin-top: -20px;
	font-size: 36px;
	line-height: 40px;
	color: #777;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.hsolution-prev {
	left: 10px;
}

.hsolution-next {
	right: 10px;
}

@media (min-width: 768px) {
	.h-solution-des {
		width: 45%;
		font-size: 13px;
	}

	.hsolution-slide {
		margin-top: 50px;
	}

	.hsolution-slide::after {
		content: '';
		width: 1px;
		height: 100%;
		background: rgba(255, 255, 255, .5);
		position: absolute;
		left: 25%;
		top: 0;
		z-index: 2;
	}

	.hsolution-view .swiper-wrapper {
		-webkit-transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
		transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
	}

	.hsolution-view .swiper-container {
		height: 550px;
	}

	.h-solut-text {
		width: 530px;
		left: 30%;
		top: 13%;
		text-align: left;
	}

	.h-solut-text .m-tit {
		font-size: 40px;
	}

	.h-solut-text .m-des {
		font-size: 15px;
		margin-top: 20px;
	}

	.h-solut-bot {
		width: 560px;
		left: 25%;
		padding: 34px 40px;
		text-align: left;
	}

	.h-solut-bot .m-tit {
		font-size: 15px;
	}

	.h-solut-bot .m-list {
		margin-top: 20px;
	}

	.hsolution-view .swiper-slide-active .h-solut-text .m-tit {
		-webkit-transition: .4s ease 1.6s;
		transition: .4s ease 1.6s;
	}

	.hsolution-view .swiper-slide-active .h-solut-text .m-des {
		-webkit-transition: .4s ease 1.7s;
		transition: .4s ease 1.7s;
	}

	.hsolution-view .swiper-slide-active .h-solut-bot {
		-webkit-transition: .4s ease 1.8s;
		transition: .4s ease 1.8s;
	}

	.hsolution-page {
		position: absolute;
		left: 3.125%;
		top: 50%;
		width: 20%;
		height: 415px;
		background: transparent;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.hsolution-page .swiper-slide {
		position: relative;
		padding: 0 30px;
		text-align: left;
	}

	.hsolution-page .m-icon {
		width: 25px;
		height: 25px;
		margin: 0;
		position: absolute;
		left: 0;
		top: 0;
	}

	.hsolution-page .m-tit {
		margin: 0;
		font-size: 14px;
		line-height: 25px;
	}

	.hsolution-page .swiper-slide i {
		display: inline-block;
		width: 25px;
		height: 25px;
		border-radius: 50%;
		background: #d70c19;
		font-size: 12px;
		text-align: center;
		line-height: 25px;
		color: #fff;
		vertical-align: middle;
		position: absolute;
		right: 10px;
		top: 0;
		-webkit-transition: all .4s;
		transition: all .4s;
	}

	.hsolution-page .swiper-slide:hover .m-tit {
		color: #d70c19;
	}

	.hsolution-page .swiper-slide:hover .bef {
		opacity: 0;
	}

	.hsolution-page .swiper-slide:hover .aft {
		opacity: 1;
	}

	.hsolution-page .swiper-slide.active-nav i,
	.hsolution-page .swiper-slide:hover i {
		right: 0;
	}

	.hsolution-prev,
	.hsolution-next {
		display: none;
	}

	.hsolution-contact {
		padding: 45px 8%;
	}

	.hsolution-contact .m-left {
		float: left;
		width: 48%;
		font-size: 34px;
	}

	.hsolution-contact .m-left span {
		width: 88px;
		height: 25px;
		font-size: 12px;
		line-height: 25px;
		margin-left: 10px;
	}

	.hsolution-contact .m-right {
		float: right;
		width: 48%;
		text-align: right;
		margin-top: 0;
	}

	.hsolution-contact .m-img {
		margin-right: 10px;
	}

	.hsolution-contact .m-img img {
		width: 57px;
	}

	.hsolution-contact .m-cont {
		text-align: left;
	}

	.hsolution-contact .m-cont p {
		font-size: 15px;
	}

	.hsolution-contact .m-cont a {
		font-size: 42px;
	}
}

@media (min-width: 1260px) {
	.hsolution-page {
		width: 18%;
	}

	.hsolution-page .swiper-slide {
		padding: 0 40px 0 45px;
	}

	.hsolution-page .m-tit {
		font-size: 20px;
	}
}

@media (min-width: 1500px) {
	.h-solution-des {
		font-size: 16px;
	}

	.hsolution-slide {
		margin-top: 60px;
	}

	.hsolution-view .swiper-container {
		height: 700px;
	}

	.h-solut-text .m-tit {
		font-size: 48px;
	}

	.h-solut-text .m-des {
		font-size: 18px;
		margin-top: 25px;
	}

	.h-solut-bot {
		padding: 40px 50px;
	}

	.h-solut-bot .m-tit {
		font-size: 18px;
	}

	.h-solut-bot .m-list {
		margin-top: 25px;
	}

	.hsolution-page {
		width: 18%;
		height: 510px;
	}

	.hsolution-page .swiper-slide {
		padding: 0 40px 0 50px;
	}

	.hsolution-page .m-icon {
		width: 30px;
		height: 30px;
	}

	.hsolution-page .m-tit {
		font-size: 24px;
		line-height: 30px;
	}

	.hsolution-page .swiper-slide i {
		width: 30px;
		height: 30px;
		font-size: 14px;
		line-height: 30px;
	}

	.hsolution-contact {
		padding: 54px 8%;
	}

	.hsolution-contact .m-left {
		font-size: 40px;
	}

	.hsolution-contact .m-left span {
		width: 104px;
		height: 30px;
		font-size: 14px;
		line-height: 30px;
		margin-left: 15px;
	}

	.hsolution-contact .m-img {
		margin-right: 14px;
	}

	.hsolution-contact .m-img img {
		width: 68px;
	}

	.hsolution-contact .m-cont p {
		font-size: 18px;
	}

	.hsolution-contact .m-cont a {
		font-size: 50px;
	}
}

/*home-solution - end*/
/*home-about - start*/
.home-about {
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
}

.habout-content {
	background: rgba(0, 0, 0, .5);
	color: #fff;
}

.habout-content .m-cont {
	width: 100%;
	padding: 30px 15px;
}

.habout-content h3 {
	font-size: 35px;
}

.habout-content .m-des {
	font-size: 12px;
	line-height: 2.25;
	color: rgba(255, 255, 255, .7);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin: 28px 0 35px;
}

.habout-jh {
	padding: 30px 15px;
}

.habout-list {
	width: 100%;
	color: #fff;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}

.habout-list li {
	float: left;
	width: 50%;
	border-bottom: 1px solid #3276a6;
	border-left: 1px solid #3276a6;
	text-align: center;
	padding: 20px 0;
}

.habout-list li:nth-child(even) {
	border-right: 1px solid #3276a6;
}

.habout-list li:nth-child(1),
.habout-list li:nth-child(2) {
	border-top: 1px solid #3276a6;
}

.habout-list .counter {
	font-size: 14px;
}

.habout-list .counter span {
	font-family: "DIN";
	font-size: 40px;
	line-height: 1;
	margin-right: 7px;
}

.habout-list p {
	font-size: 14px;
	margin-top: 5px;
	color: #d9d9d9;
}

@media (min-width: 768px) {
	.home-about {
		height: 510px;
		background-position: center center;
	}

	.habout-content {
		float: left;
		width: 50%;
		height: 100%;
		position: relative;
	}

	.habout-content .m-cont {
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		padding: 0 24% 0 6.25%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.habout-content h3 {
		font-size: 42px;
	}

	.habout-content .m-des {
		font-size: 13px;
		max-height: 88px;
		margin: 34px 0 42px;
	}

	.habout-jh {
		float: right;
		width: 50%;
		height: 100%;
		position: relative;
		padding: 0;
	}

	.habout-list {
		width: 64%;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.habout-list li {
		padding: 27px 0;
	}

	.habout-list .counter {
		font-size: 15px;
	}

	.habout-list .counter span {
		font-size: 50px;
		margin-right: 8px;
	}

	.habout-list p {
		font-size: 15px;
		margin-top: 6px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
}

@media (min-width: 1500px) {
	.home-about {
		height: 600px;
	}

	.habout-content h3 {
		font-size: 50px;
	}

	.habout-content .m-des {
		font-size: 16px;
		max-height: 108px;
		margin: 40px 0 50px;
	}

	.habout-list li {
		padding: 32px 0;
	}

	.habout-list .counter {
		font-size: 18px;
	}

	.habout-list .counter span {
		font-size: 60px;
		margin-right: 10px;
	}

	.habout-list p {
		font-size: 18px;
		margin-top: 8px;
	}
}

/*home-about - end*/
/* home-cases - start */
.hcases-slide {
	width: 100%;
	position: relative;
	margin-top: 40px;
}

.slide-view .swiper-slide {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	height: 560px;
}

.slide-view .m-mark {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .15);
}

.hcases-content {
	position: absolute;
	top: 100px;
	left: 15px;
	right: 15px;
	background: rgba(217, 24, 17, .7);
	padding: 35px 5% 25px 5%;
	color: #fff;
}

.hcases-top .m-tit {
	font-size: 24px;
	line-height: 1.2;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.hcases-top .m-des {
	font-size: 12px;
	line-height: 2.25;
	color: rgba(255, 255, 255, .7);
	max-height: 81px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin: 10px 0 20px;
}

.hcases-bott {
	width: 100%;
	padding: 0 15px;
	margin-top: 40px;
}

.hcases-bott .m-tit {
	font-size: 14px;
	color: rgba(255, 255, 255, .8);
}

.hcases-bott .m-list {
	margin-top: 20px;
}

.hcases-bott .m-list img {
	max-width: 100%;
}

.slide-page {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	padding: 0 15px;
	background: rgba(0, 0, 0, .2);
}

.slide-page .swiper-container {
	width: 100%;
}

.slide-page .swiper-slide {
	text-align: center;
	height: 76px;
	padding: 10px 0;
}

.slide-page .m-item {
	display: inline-block;
	cursor: pointer;
	font-size: 0;
}

.slide-page .m-icon {
	width: 30px;
	height: 30px;
	position: relative;
	margin: 0 auto;
}

.slide-page .m-icon img {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.slide-page .m-icon .aft {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.slide-page .m-tit {
	font-size: 14px;
	color: #fff;
	margin-top: 5px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.slide-page .active-nav .m-item .m-tit {
	color: #d70c19;
}

.slide-page .active-nav .m-item .bef {
	opacity: 0;
}

.slide-page .active-nav .m-item .aft {
	opacity: 1;
}

.arrow-left,
.arrow-right {
	position: absolute;
	top: 50%;
	z-index: 20;
	margin-top: -20px;
	font-size: 36px;
	line-height: 40px;
	color: #777;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.arrow-left {
	left: 3.125%;
}

.arrow-right {
	right: 3.125%;
}

@media (min-width: 768px) {
	.hcases-slide {
		margin-top: 50px;
	}

	.slide-view .swiper-slide {
		height: 680px;
	}

	.hcases-content {
		width: 28%;
		top: 160px;
		left: 3.125%;
		right: auto;
		bottom: 0;
		padding: 45px 2% 34px 2%;
	}

	.hcases-top .m-tit {
		font-size: 40px;
	}

	.hcases-top .m-des {
		font-size: 13px;
		max-height: 88px;
		margin: 20px 0 38px;
	}

	.hcases-bott {
		position: absolute;
		bottom: 34px;
		left: 0;
		width: 100%;
		padding: 0 7.14%;
		margin-top: 0;
	}

	.hcases-bott .m-tit {
		font-size: 15px;
	}

	.hcases-bott .m-list {
		margin-top: 20px;
	}

	.slide-page {
		padding: 0 3.125%;
	}

	.slide-page .swiper-slide {
		height: 160px;
		padding: 36px 0;
	}

	.slide-page .m-icon {
		width: 38px;
		height: 38px;
	}

	.slide-page .m-tit {
		font-size: 20px;
		margin-top: 17px;
	}

	.slide-page .m-item:hover .m-tit {
		color: #d70c19;
	}

	.slide-page .m-item:hover .bef {
		opacity: 0;
	}

	.slide-page .m-item:hover .aft {
		opacity: 1;
	}

	.arrow-left,
	.arrow-right {
		margin-top: -30px;
		font-size: 40px;
		line-height: 50px;
	}

	.arrow-left:hover,
	.arrow-right:hover {
		color: #d70c19;
	}
}

@media (min-width: 1500px) {
	.hcases-slide {
		margin-top: 60px;
	}

	.slide-view .swiper-slide {
		height: 800px;
	}

	.hcases-content {
		width: 28%;
		top: 190px;
		padding: 55px 5% 40px 5%;
	}

	.hcases-top .m-tit {
		font-size: 48px;
	}

	.hcases-top .m-des {
		font-size: 16px;
		max-height: 108px;
		margin: 25px 0 45px;
	}

	.hcases-bott {
		bottom: 40px;
		padding: 0 18%;
	}

	.hcases-bott .m-tit {
		font-size: 18px;
	}

	.hcases-bott .m-list {
		margin-top: 25px;
	}

	.slide-page .swiper-slide {
		height: 190px;
		padding: 44px 0;
	}

	.slide-page .m-icon {
		width: 45px;
		height: 45px;
	}

	.slide-page .m-tit {
		font-size: 24px;
		margin-top: 20px;
	}

	.arrow-left,
	.arrow-right {
		margin-top: -30px;
		font-size: 48px;
		line-height: 60px;
	}
}

/* home-cases - end */
/* home-news - start */
.home-news {
	position: relative;
	padding-bottom: 80px;
}

.hnews-tabs a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 38px;
	color: #222;
	cursor: pointer;
	margin: 0 15px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.hnews-tabs a::after {
	content: '';
	width: 0;
	height: 2px;
	background: #d70c19;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all .4s;
	transition: all .4s;
}

.hnews-tabs a.active {
	color: #d70c19;
}

.hnews-tabs a.active::after {
	width: 100%;
}

.hnews-box {
	margin-top: 35px;
}

.hnews-list {
	display: none;
}

.hnews-list.active {
	display: block;
}

.hnews-item {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
	position: relative;
}

.hnews-item .m-img {
	float: left;
	width: 45%;
	overflow: hidden;
}

.hnews-item .m-img img {
	display: block;
	width: 100%;
	height: 100%;
}

.hnews-item .m-cont {
	float: left;
	width: 55%;
	padding: 5px 15px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	border: 1px solid #d8d8d8;
	border-left: none;
}

.hnews-item .m-box {
	width: 100%;
}

.hnews-item .m-tit {
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.hnews-item .m-des {
	font-size: 12px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 5px 0 10px;
}

.hnews-item .m-time {
	font-size: 12px;
	color: #999;
}

@media (min-width: 768px) {
	.home-news {
		padding-bottom: 110px;
	}

	.hnews-tabs {
		font-size: 0;
		position: absolute;
		top: 73px;
		right: 15%;
		max-width: 50%;
	}

	.hnews-tabs a {
		font-size: 15px;
		line-height: 40px;
		margin: 0 20px;
	}

	.hnews-tabs a:hover {
		color: #d70c19;
	}

	.hnews-tabs a:hover::after {
		width: 100%;
	}

	.hnews-box {
		margin-top: 40px;
	}

	.hnews-list .flex-wrap-row {
		margin: 0 -10px;
	}

	.hnews-list .col-xs-12,
	.hnews-list .col-sm-6 {
		padding: 0 10px;
	}

	.hnews-item {
		margin-bottom: 17px;
	}

	.hnews-item .m-img {
		width: 35%;
	}

	.hnews-item .m-img img {
		-webkit-transition: all .6s;
		-webkit-transition: all .8s;
		transition: all .8s;
	}

	.hnews-item .m-cont {
		width: 65%;
		padding: 5px 5.5% 5px 4.5%;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.hnews-item .m-tit {
		font-size: 18px;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.hnews-item .m-des {
		font-size: 13px;
		max-height: 40px;
		margin: 10px 0 15px;
	}

	.hnews-item .m-time {
		font-size: 13px;
	}

	.hnews-item:hover .m-img img {
		-webkit-transform: scale(1.06);
		transform: scale(1.06);
	}

	.hnews-item:hover .m-tit {
		color: #1a3884;
	}

	.hnews-item:hover .m-cont {
		border-color: #1a3884;
	}
}

@media (min-width: 1500px) {
	.home-news {
		padding-bottom: 130px;
	}

	.hnews-tabs {
		font-size: 0;
		position: absolute;
		top: 85px;
		right: 15%;
		max-width: 50%;
	}

	.hnews-tabs a {
		font-size: 18px;
		line-height: 50px;
		margin: 0 25px;
	}

	.hnews-box {
		margin-top: 50px;
	}

	.hnews-item {
		margin-bottom: 20px;
	}

	.hnews-item .m-img {
		width: 33%;
	}

	.hnews-item .m-cont {
		width: 67%;
	}

	.hnews-item .m-tit {
		font-size: 22px;
	}

	.hnews-item .m-des {
		font-size: 16px;
		max-height: 48px;
		margin: 16px 0 24px;
	}

	.hnews-item .m-time {
		font-size: 16px;
	}
}

/* home-news - end */
/* 视频中心 - end */
.video-tabs {
	font-size: 0;
	text-align: center;
	margin-bottom: 50px;
	overflow-x: auto;
	white-space: nowrap;
}

.video-tabs a {
	display: inline-block;
	font-size: 14px;
	line-height: 34px;
	color: #444;
	background: #e0e0e0;
	padding: 0 10px;
	cursor: pointer;
	margin: 0 5px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.video-tabs a.active {
	color: #fff;
	background: #1a3884;
}

.video-box {
	margin-bottom: 40px;
}

.video-tab {
	display: none;
}

.video-tab.active {
	display: block;
}

.video-tab .row {
	margin: 0 -5px;
}

.video-tab .col-xs-6,
.video-tab .col-sm-4 {
	padding: 0 5px;
}

.video-tab .video-item {
	margin-bottom: 10px;
}

.video-tab .video-item .m-img {
	padding-bottom: 66.66666666666667%;
}

@media (min-width:768px) {
	.video-tabs {
		margin-bottom: 56px;
		overflow: hidden;
		white-space: normal;
	}

	.video-tabs a {
		font-size: 15px;
		line-height: 42px;
		padding: 0 42px;
		margin: 2px 8px;
	}

	.video-tabs a:hover {
		color: #fff;
		background: #1a3884;
	}

	.video-tab .row {
		margin: 0 -7.5px;
	}

	.video-tab .col-xs-6,
	.video-tab .col-sm-4 {
		padding: 0 7.5px;
	}

	.video-tab .video-item {
		margin-bottom: 15px;
	}

	.video-tab .col-sm-8 .video-item .m-img {
		padding-bottom: 67%;
	}

	.video-box {
		margin-bottom: 60px;
	}
}

@media (min-width: 1500px) {
	.video-tabs {
		margin-bottom: 66px;
	}

	.video-tabs a {
		font-size: 18px;
		line-height: 50px;
		padding: 0 50px;
		margin: 0 10px;
	}

	.video-box {
		margin-bottom: 70px;
	}
}

/* 视频中心 - end */
/* 合作伙伴 - start */
.partner-list {
	margin: 0 -4px 40px -4px;
}

.partner-list .col-5 {
	float: left;
	width: 33.33333%;
	padding: 0 4px;
}

.partner-item {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 52.17391304347826%;
	overflow: hidden;
	border: 1px solid #ddd;
	margin-bottom: 10px;
}

.partner-item img {
	width: 100%;
}

@media (min-width: 768px) {
	.partner-list {
		margin: 0 -6.25px 60px -6.25px;
	}

	.partner-list .col-5 {
		width: 20%;
		padding: 0 6.25px;
	}

	.partner-item {
		margin-bottom: 12px;
		-webkit-transition: all .6s;
		transition: all .6s;
	}

	.partner-item:hover {
		box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
	}
}

/* 合作伙伴 - end */
/* 研发生产 - start */
.sec-yfsc {
	padding: 60px 0;
}

.yfsc-pane {
	margin-bottom: 40px;
}

.yfsc-pane h5 {
	font-size: 25px;
	line-height: 1.266666666666667;
	border-left: 3px solid #1a3884;
	padding-left: 6px;
	margin-bottom: 22px;
}

.yfsc-des {
	font-size: 12px;
	line-height: 1.875;
	color: #666;
}

.yfsc-pane img {
	max-width: 100%;
}

@media (min-width: 768px) {
	.sec-yfsc {
		padding: 100px 0;
	}

	.yfsc-pane {
		margin-bottom: 60px;
	}

	.yfsc-pane h5 {
		font-size: 30px;
		margin-bottom: 26px;
		padding-left: 10px;
	}

	.yfsc-des {
		font-size: 16px;
	}
}

/* 研发生产 - end */
/* 质量控制 - start */
.zlkz-top {
	padding: 50px 0 40px;
}

.zlkz-top h4 {
	font-size: 22px;
	margin-bottom: 15px;
}

.zlkz-des {
	font-size: 12px;
	line-height: 1.875;
	color: #666;
}

.color-red {
	color: #1a3884;
}

.color-blank {
	color: #333;
}

.zlkz-second {
	background: #f5f5f5;
	padding: 50px 0 30px;
}

.zlkz-second .flex-wrap-row {
	margin: 0 -4px;
}

.zlkz-second .col-xs-12 {
	padding: 0 4px;
}

.zlkz-item {
	background: #fff;
	margin-bottom: 15px;
	padding: 30px 15px;
}

.zlkz-item .m-tit {
	font-size: 16px;
	color: #1a3884;
}

.zlkz-item .m-des {
	font-size: 12px;
	line-height: 1.875;
	color: #666;
	margin-top: 8px;
}

.zlkz-three {
	background: #fff;
	padding: 50px 0;
}

.zlkz-pane {
	margin-bottom: 15px;
}

.zlkz-pane .m-tit {
	font-size: 16px;
	margin-bottom: 15px;
}

.zlkz-pane .m-des {
	font-size: 12px;
	line-height: 1.875;
	color: #666;
}

.zlkz-pane img {
	max-width: 100%;
}

@media (min-width: 768px) {
	.zlkz-top {
		padding: 85px 0 57px;
	}

	.zlkz-top h4 {
		font-size: 25px;
		margin-bottom: 15px;
	}

	.zlkz-des {
		font-size: 14px;
	}

	.zlkz-second {
		padding: 68px 0 57px;
	}

	.zlkz-second .flex-wrap-row {
		margin: 0 -10px;
	}

	.zlkz-second .col-xs-12 {
		padding: 0 10px;
	}

	.zlkz-item {
		margin-bottom: 17px;
		padding: 40px 25px;
	}

	.zlkz-item .m-tit {
		font-size: 18px;
	}

	.zlkz-three {
		padding: 68px 0;
	}

	.zlkz-pane {
		margin-bottom: 17px;
	}

	.zlkz-pane .m-tit {
		font-size: 18px;
		margin-bottom: 17px;
	}

	.zlkz-pane .m-des {
		font-size: 13px;
		line-height: 1.875;
	}
}

@media (min-width: 1500px) {
	.zlkz-top {
		padding: 100px 0 68px;
	}

	.zlkz-top h4 {
		font-size: 30px;
		margin-bottom: 20px;
	}

	.zlkz-des {
		font-size: 16px;
	}

	.zlkz-item {
		margin-bottom: 20px;
		padding: 48px 30px;
	}

	.zlkz-item .m-tit {
		font-size: 22px;
	}

	.zlkz-three {
		padding: 80px 0;
	}

	.zlkz-pane {
		margin-bottom: 20px;
	}

	.zlkz-pane .m-tit {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.zlkz-pane .m-des {
		font-size: 16px;
		line-height: 1.875;
	}
}

/* 质量控制 - end */
/* 渠道伙伴 - start */
.sec-qdhb {
	padding-bottom: 40px;
}

.sec-qdhb .section-title {
	padding-bottom: 20px;
}

.qdhb-des {
	font-size: 12px;
	line-height: 1.875;
	color: #666;
	text-align: center;
}

.qdhb-des .m-hr {
	width: 40px;
	height: 2px;
	background: #1a3884;
	margin: 0 auto 15px auto;
}

.qdhb-bott {
	margin-top: 38px;
	text-align: center;
}

.qdhb-host {
	display: inline-block;
	font-size: 0;
}

.qdhb-host .m-icon {
	width: 54px;
	height: 54px;
	background: url(img/qdhb_01.png) no-repeat center #1a3884;
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
}

.qdhb-host .m-cont {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	margin-left: 10px;
}

.qdhb-host .m-cont p {
	font-size: 14px;
	color: #666;
	margin-bottom: 3px;
}

.qdhb-host .m-cont a {
	font-size: 28px;
	font-family: "DIN";
	line-height: 1;
	color: #1a3884;
}

@media (min-width: 768px) {
	.sec-qdhb {
		padding-bottom: 50px;
	}

	.sec-qdhb .section-title {
		padding-bottom: 20px;
	}

	.qdhb-des {
		font-size: 14px;
	}

	.qdhb-des .m-hr {
		width: 40px;
		margin: 0 auto 20px auto;
	}

	.qdhb-bott {
		margin-top: 40px;
	}

	.qdhb-host .m-icon {
		width: 54px;
		height: 54px;
	}

	.qdhb-host .m-cont {
		margin-left: 12px;
	}

	.qdhb-host .m-cont p {
		font-size: 15px;
		margin-bottom: 5px;
	}

	.qdhb-host .m-cont a {
		font-size: 34px;
	}
}

@media (min-width: 1500px) {
	.sec-qdhb {
		padding-bottom: 60px;
	}

	.sec-qdhb .section-title {
		padding-bottom: 25px;
	}

	.qdhb-des {
		font-size: 16px;
	}

	.qdhb-des .m-hr {
		width: 46px;
		margin: 0 auto 20px auto;
	}

	.qdhb-bott {
		margin-top: 50px;
	}

	.qdhb-host .m-icon {
		width: 64px;
		height: 64px;
	}

	.qdhb-host .m-cont {
		margin-left: 15px;
	}

	.qdhb-host .m-cont p {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.qdhb-host .m-cont a {
		font-size: 40px;
	}
}

/* 渠道伙伴 - end */
/* 与万全合作优势 - start */
.sec-hzys {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	padding-bottom: 50px;
	z-index: 1;
}

.sec-hzys::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: rgba(0, 0, 0, .6);
}

.sec-hzys .section-title h3 {
	color: #fff;
}

.sec-hzys .flex-wrap-row {
	margin: 0 -4px;
}

.sec-hzys .col-sm-4 {
	margin-bottom: 20px;
	padding: 0 4px;
}

.qdhb-item {
	height: 100%;
	background: #fff;
	padding: 20px 15px;
}

.qdhb-item .m-icon {
	height: 40px;
}

.qdhb-item .m-icon img {
	max-height: 100%;
}

.qdhb-item .m-tit {
	font-size: 18px;
	margin: 7px 0 4px;
}

.qdhb-item .m-des {
	font-size: 12px;
	line-height: 1.625;
	color: #666;
}

@media (min-width: 768px) {
	.sec-hzys {
		padding-bottom: 60px;
	}

	.sec-hzys .flex-wrap-row {
		margin: 0 -15px;
	}

	.sec-hzys .col-sm-4 {
		margin-bottom: 25px;
		padding: 0 15px;
	}

	.qdhb-item {
		padding: 25px;
		-webkit-transition: all .6s;
		transition: all .6s;
	}

	.qdhb-item .m-icon {
		height: 44px;
	}

	.qdhb-item .m-tit {
		font-size: 20px;
		margin: 8px 0 5px;
	}

	.qdhb-item .m-des {
		font-size: 14px;
	}

	.qdhb-item:hover {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

@media (min-width: 1500px) {
	.sec-hzys {
		padding-bottom: 70px;
	}

	.sec-hzys .col-sm-4 {
		margin-bottom: 30px;
	}

	.qdhb-item {
		padding: 30px;
	}

	.qdhb-item .m-icon {
		height: 52px;
	}

	.qdhb-item .m-tit {
		font-size: 24px;
		margin: 10px 0 7px;
	}

	.qdhb-item .m-des {
		font-size: 16px;
	}
}

/* 与万全合作优势 - end */
/* 产品代理商 -start */
.sec-cpdls {
	padding-bottom: 60px;
}

.cpdls-row {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}

.cpdls-content {
	color: #fff;
	padding: 35px 15px;
}

.bg-red {
	background: #d71919;
}

.bg-blank {
	background: #383838;
}

.cpdls-content .m-tit {
	font-size: 18px;
}

.cpdls-content .m-des {
	font-size: 12px;
	line-height: 1.625;
	margin-top: 9px;
}

@media (min-width: 768px) {
	.sec-cpdls {
		padding-bottom: 76px;
	}

	.cpdls-content {
		float: left;
		width: 50%;
		padding: 40px 25px;
	}

	.cpdls-content .m-tit {
		font-size: 20px;
	}

	.cpdls-content .m-des {
		font-size: 14px;
		margin-top: 10px;
	}
}

@media (min-width: 1500px) {
	.sec-cpdls {
		padding-bottom: 90px;
	}

	.cpdls-content {
		padding: 50px 30px;
	}

	.cpdls-content .m-tit {
		font-size: 24px;
	}

	.cpdls-content .m-des {
		font-size: 16px;
		margin-top: 12px;
	}
}

/* 产品代理商 -end */
/* 成为代理商步骤 -start*/
.sec-dlsbz {
	background: url(img/qdhb_08.png) no-repeat center bottom #f5f5f5;
	background-size: 100% auto;
	padding-bottom: 60px;
}

.sec-dlsbz .flex-wrap-row {
	margin: 0 -4px;
}

.sec-dlsbz .col-sm-3 {
	padding: 0 4px;
	margin-bottom: 15px;
}

.dlsbz-item {
	height: 100%;
	background: #fff;
	text-align: center;
	padding: 30px 10px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .05);
}

.dlsbz-item .m-index {
	width: 30px;
	height: 30px;
	background: #d71919;
	margin: 0 auto;
	font-family: "DIN";
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

.dlsbz-item p {
	font-size: 13px;
	line-height: 1.4;
	color: #444;
	margin-top: 10px;
}

@media (min-width: 768px) {
	.sec-dlsbz {
		padding-bottom: 76px;
	}

	.sec-dlsbz .flex-wrap-row {
		margin: 0 -7px;
	}

	.sec-dlsbz .col-sm-3 {
		padding: 0 7px;
		margin-bottom: 20px;
	}

	.dlsbz-item {
		padding: 34px 15px;
		-webkit-transition: all .6s;
		transition: all .6s;
	}

	.dlsbz-item .m-index {
		width: 34px;
		height: 34px;
		font-size: 18px;
		line-height: 34px;
	}

	.dlsbz-item p {
		font-size: 15px;
		margin-top: 10px;
	}

	.dlsbz-item:hover {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

@media (min-width: 1500px) {
	.sec-dlsbz {
		padding-bottom: 90px;
	}

	.sec-dlsbz .flex-wrap-row {
		margin: 0 -7px;
	}

	.sec-dlsbz .col-sm-3 {
		padding: 0 7px;
		margin-bottom: 20px;
	}

	.dlsbz-item {
		padding: 40px 15px 30px 15px;
	}

	.dlsbz-item .m-index {
		width: 40px;
		height: 40px;
		font-size: 22px;
		line-height: 40px;
	}

	.dlsbz-item p {
		font-size: 18px;
		margin-top: 14px;
	}
}

/* 成为代理商步骤 -edn */
/* 合作权益 -start */
.sec-hzqy {
	padding-bottom: 60px;
}

.sec-hzqy .flex-wrap-row {
	margin: 0 -4px;
}

.sec-hzqy .col-sm-6 {
	padding: 0 4px;
	margin-bottom: 15px;
}

.hzqy-item {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 10px 15px;
	min-height: 56px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .08);
}

.hzqy-item .m-index {
	float: left;
	font-size: 18px;
	font-family: "DIN";
	color: #1a3884;
	line-height: 1;
}

.hzqy-item p {
	font-size: 12px;
	color: #666;
	margin-left: 25px;
}

@media (min-width: 768px) {
	.sec-hzqy {
		padding-bottom: 85px;
	}

	.sec-hzqy .flex-wrap-row {
		margin: 0 -10px;
	}

	.sec-hzqy .col-sm-6 {
		padding: 0 10px;
		margin-bottom: 20px;
	}

	.hzqy-item {
		padding: 12px 20px;
		min-height: 72px;
		-webkit-transition: all .6s;
		transition: all .6s;
	}

	.hzqy-item .m-index {
		font-size: 20px;
	}

	.hzqy-item p {
		font-size: 14px;
		margin-left: 25px;
	}

	.hzqy-item:hover {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

@media (min-width: 1500px) {
	.sec-hzqy {
		padding-bottom: 100px;
	}

	.hzqy-item {
		padding: 15px 25px;
		min-height: 80px;
	}

	.hzqy-item .m-index {
		font-size: 24px;
	}

	.hzqy-item p {
		font-size: 16px;
		margin-left: 35px;
	}
}

/* 合作权益 -end */
/* about - start */
.sec-about {
  padding: 50px 0 60px;
  background: url("img/wxtp.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position-x: 50%;
}

.sec-about .title01{
	font-size: 48px;
	color: #fff;
	margin-bottom: 15px;
}
.sec-about .title02{
	font-size: 36px;
	color: #fff;
	margin-top: 0;
	margin-bottom: 10px;
}

.sec-about .m-des .p1{
	font-size: 16px;
	color: #fff;

}

.sec-about .void{
	width: 220px;
	border: 2px solid #fff;
	padding: 5px 10px;
	font-size: 18px;
	position: relative;
	z-index: 2;
	display: block;
	color: #fff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: url(img/i_ico.png);
	background-size: 24px;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: 90%;
	margin-top: 20px;
	transition: all .3s;
}
.sec-about .void:hover{
	background: url(img/i_ico.png) #1a3884;
	background-size: 24px;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: 90%;
}

@media(max-width:991px){
	.sec-about .title01{
		font-size: 30px;
	}
	.sec-about .title02{
		font-size: 22px;
	}
	.sec-about .m-des .p1{
		font-size: 14px;
	}
	.sec-about .void{
		width: 150px;
	}
}
@media(max-width:414px){
	.sec-about .title01 {
    font-size: 22px;
}
.sec-about .title02 {
	font-size: 17px;
}
.sec-about .m-des .p1 {
	font-size: 14px;
	line-height: 20px;
}
.sec-about .void{
	font-size: 15px;
}
.sec-about {
	background-position-x: 72%;
}

}

/* è§?é￠‘??1?a— */

.msg-box-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 1001;
}

.msg-box {
	width: 70%;
	height: 70%;
	background-color: #F3F3F3;
	position: absolute;
	left: 50%;
	top: 47%;
	transform: translate(-50%, -50%);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.msg-box .close-box {
	width: 35px;
	height: 35px;
	background: url("img/qx3.png") no-repeat center;
	cursor: pointer;
	position: absolute;
	right: 55px;
	top: 55px;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.msg-box .close-box:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}









.sec-about .section-title {
	padding: 0;
	text-align: left;
}

.about-content .m-hr {
	width: 30px;
	height: 2px;
	background: #1a3884;
	margin: 20px 0;
}

.about-content .m-des {
	font-size: 12px;
	color: #666;
	line-height: 2;

}
.about-content .m-des p{
	color: #fff;
}
.about-img {
	margin-top: 20px;
}

.about-img img {
	width: 100%;
}

@media (min-width: 768px) {
	.sec-about {
		padding: 85px 0 72px;
	}


	.about-content .m-hr {
		width: 40px;
		height: 2px;
		margin: 20px 0;
	}

	.about-content .m-des {
		font-size: 14px;
		height: auto;
		overflow-y: auto;
	}

	.about-content .m-des::-webkit-scrollbar {
		width: 4px;
		background-color: #dcdbdb;
	}

	.about-content .m-des::-webkit-scrollbar-thumb {
		background-color: rgb(225, 0, 0);
		border-radius: 10px;
	}

	.about-img {
		float: right;
		width: 38.75%;
		margin-top: 0;
	}
}

@media (min-width: 1500px) {
	.sec-about {
		padding: 100px 0 85px;
	}

	.about-content .m-hr {
		margin: 25px 0;
	}

	.about-content .m-des {
		font-size: 16px;
	}
}

/* about - end */
/* culture - start */
.sec-culture {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 1;
	padding-bottom: 50px;
}

.sec-culture::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .02);
	z-index: -1;
}

.sec-culture .section-title h3 {
	color: #fff;
}

.sec-culture .flex-wrap-row {
	margin: 0;
}

.sec-culture .col-sm-6,
.sec-culture .col-sm-4 {
	padding: 0;
}

.culture-item {
	width: 100%;
	height: 100%;
	background: #f1f1f1;
	padding: 20px 15px;
	text-align: center;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.sec-culture .col-sm-6 .culture-item {
	background: #fff;
	text-align: left;
}

.culture-item .m-cont {
	display: inline-block;
	text-align: left;
}

.culture-item .m-icon {
	width: 50px;
	height: 50px;
	position: relative;
}

.culture-item .m-icon img {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.culture-item .m-icon .aft {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.culture-item .m-tit {
	font-size: 16px;
	margin: 5px 0;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.culture-item .m-des {
	font-size: 12px;
	color: #666;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.sec-culture .col-sm-6 .culture-item .m-des {
	color: #666;
}

@media (min-width: 768px) {
	.sec-culture {
		padding-bottom: 60px;
	}

	.culture-item {
		padding: 25px 6% 38px 6%;
		-webkit-transition: all .4s;
		transition: all .4s;
	}

	.culture-item .m-icon {
		width: 60px;
		height: 60px;
	}

	.culture-item .m-tit {
		font-size: 20px;
		margin: 8px 0;
		-webkit-transition: all .4s;
		transition: all .4s;
	}

	.culture-item .m-des {
		font-size: 16px;
		-webkit-transition: all .4s;
		transition: all .4s;
	}

	.sec-culture .culture-item:hover {
		background: #1a3884;
	}

	.sec-culture .culture-item:hover .m-icon .bef {
		opacity: 0;
	}

	.sec-culture .culture-item:hover .m-icon .aft {
		opacity: 1;
	}

	.sec-culture .culture-item:hover .m-tit,
	.sec-culture .culture-item:hover .m-des {
		color: #fff;
	}
}

@media (min-width: 1500px) {
	.sec-culture {
		padding-bottom: 75px;
	}

	.culture-item {
		padding: 30px 6% 45px 6%;
	}

	.culture-item .m-icon {
		width: 70px;
		height: 70px;
	}

	.culture-item .m-tit {
		font-size: 24px;
		margin: 8px 0;
	}

	.culture-item .m-des {
		font-size: 16px;
	}
}

/* culture - end */
/* advantage - start */
.sec-advantage {
	padding-bottom: 60px;
}

.advantage-slide {
	width: 100%;
	overflow: hidden;
}

.advantage-view {
	position: relative;
	padding: 0 50px;
}

.adv-year {
	font-family: "DIN";
	font-size: 34px;
	color: #1a3884;
	line-height: 1;
	position: relative;
}

.adv-year::after {
	content: '';
	width: 50px;
	height: 1px;
	background: #d2232a;
	position: absolute;
	left: 0;
	top: 100%;
}

.adv-content {
	font-size: 12px;
	line-height: 2;
	color: #666;
	padding: 5px 0;
}

.adv-left,
.adv-right {
	width: 35px;
	height: 35px;
	border: 1px solid #c7c7c7;
	border-radius: 50%;
	font-size: 18px;
	color: #999;
	text-align: center;
	line-height: 33px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -17.5px;
	z-index: 10;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.adv-left {
	left: 0;
}

.adv-right {
	right: 0;
}

.advantage-page {
	margin: 30px -30px 0 -30px;
	position: relative;
}

.advantage-page::after {
	content: '';
	position: absolute;
	left: -50%;
	right: 0;
	top: 0;
	height: 14px;
	background: url(img/line_bg.png) no-repeat left center;
	background-size: 100% 100%;
	z-index: 5;
	width: 160%;
}

.advantage-page .swiper-container {
	width: 100%;
	margin: 0;
}

.advantage-page .swiper-slide {
	width: 90px;
	padding-top: 14px;
	text-align: center;
	cursor: pointer;
}

.advantage-page .m-dot {
	width: 10px;
	height: 10px;
	border: 1px solid #1a3884;
	border-radius: 50%;
	padding: 2px;
	margin: 0 auto;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.advantage-page .m-dot i {
	display: block;
	width: 4px;
	height: 4px;
	background: #1a3884;
	border-radius: 50%;
}

.advantage-page .swiper-slide p {
	font-family: "DIN";
	font-size: 12px;
	color: #666;
	margin-top: 2px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.advantage-page .swiper-slide.active-nav .m-dot {
	opacity: 1;
}

.advantage-page .swiper-slide.active-nav p {
	color: #1a3884;
}

@media (min-width: 768px) {
	.sec-advantage {
		padding-bottom: 90px;
	}

	.advantage-slide {
		overflow: visible;
	}

	.advantage-view {
		padding: 0 80px;
	}

	.adv-year {
		float: left;
		width: 30%;
		font-size: 80px;
		text-align: right;
		padding-right: 50px;
		position: relative;
	}

	.adv-year::after {
		width: 1px;
		height: 58px;
		left: 100%;
		top: 11px;
	}

	.adv-content {
		float: left;
		width: 70%;
		font-size: 16px;
		padding: 8px 0 8px 40px;
	}

	.adv-left,
	.adv-right {
		width: 55px;
		height: 55px;
		font-size: 26px;
		line-height: 53px;
		margin-top: -27.5px;
	}

	.adv-left:hover,
	.adv-right:hover {
		color: #1a3884;
		border-color: #1a3884;
	}


	.advantage-page .swiper-container {
		width: 100%;
		margin: 0 auto;
	}

	.advantage-page .swiper-slide {
		width: 150px;
		padding-top: 23px;
	}

	.advantage-page .m-dot {
		width: 14px;
		height: 14px;
		padding: 3px;
	}

	.advantage-page .m-dot i {
		width: 6px;
		height: 6px;
	}

	.advantage-page .swiper-slide p {
		font-size: 16px;
		margin-top: 4px;
	}
}

/* advantage - end */
/* honor - start */
.sec-honor {
	background: #f5f5f5;
	padding-bottom: 50px;
}

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

.honor-list li {
	display: inline-block;
	font-size: 12px;
	color: #666;
	line-height: 28px;
	border: 1px solid #d5d5d5;
	background: #fff;
	padding: 0 20px;
	cursor: pointer;
	margin: 0 5px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.honor-list li.active {
	background: #1a3884;
	border-color: #1a3884;
	color: #fff;
}

.honor-box {
	margin-top: 20px;
}

.honor-swiper {
	display: none;
	margin: 0 -5px;
}

.honor-swiper.active {
	display: block;
}

.honor-swiper .swiper-slide {
	padding: 20px 5px;
}

.honor-swiper .swiper-slide a {
	display: block;
	background: #1a3884;
	padding: 25px 15px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .08);
}

.honor-swiper .m-img {
	width: 100%;
	/* height: 0;
  padding-bottom: 72.5%; */
	overflow: hidden;
}

.honor-swiper .m-img img {
	width: 100%;
}

.honor-swiper .m-text {
	font-size: 12px;
	color: #fff;
	height: 42px;
	margin-top: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.honor-swiper .swiper-container .swiper-pagination {
	position: relative;
	bottom: auto;
	margin-top: 10px;
	text-align: center;
	font-size: 0;
}

.honor-swiper .swiper-container .swiper-pagination-bullet {
	display: inline-block;
	width: 10px;
	height: 10px;
	border: 2px solid #c0c0c0;
	border-radius: 50%;
	background: transparent;
	opacity: 1;
	margin: 0 10px;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.honor-swiper .swiper-container .swiper-pagination-bullet-active {
	background: #1a3884;
	border-color: #1a3884;
}

@media (min-width: 768px) {
	.sec-honor {
		padding-bottom: 70px;
	}

	.honor-list li {
		font-size: 16px;
		line-height: 38px;
		padding: 0 28px;
		margin: 0 10px;
	}

	.honor-list li:hover {
		background: #1a3884;
		border-color: #1a3884;
		color: #fff;
	}

	.honor-box {
		margin-top: 37px;
	}

	.honor-swiper {
		margin: 0 -7.5px;
	}

	.honor-swiper .swiper-slide {
		width: 390px;
		padding: 20px 7.5px;
	}

	.honor-swiper .swiper-slide a {
		padding: 38px 30px 28px 30px;
		box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .08);
	}

	.honor-swiper .m-text {
		font-size: 16px;
		height: 48px;
		margin-top: 27px;
		-webkit-transition: all .3s;
		transition: all .3s;
		text-align:center;
	}

	.honor-swiper .swiper-slide a:hover .m-text {
		/* color: #1a3884; */
	}

	.honor-swiper .swiper-container .swiper-pagination {
		margin-top: 30px;
	}

	.honor-swiper .swiper-container .swiper-pagination-bullet {
		width: 15px;
		height: 15px;
		margin: 0 13px;
	}
}

/* honor - end */
/* ygfc - start */
.sec-ygfc {
	padding-bottom: 70px;
}

.ygfc-slider {
	position: relative;
	padding: 0 36px;
}

.ygfc-slider .m-img {
	width: 100%;
	height: 0;
	padding-bottom: 97.43589743589744%;
	overflow: hidden;
}

.ygfc-slider .m-img img {
	width: 100%;
}

.ygfc-slider .swiper-slide p {
	font-size: 14px;
	color: #444;
	margin-top: 10px;
}

.ygfc-prev,
.ygfc-next {
	position: absolute;
	top: 50%;
	margin-top: -18px;
	z-index: 10;
	font-size: 36px;
	color: #444;
	line-height: 1;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.ygfc-prev {
	left: 0;
}

.ygfc-next {
	right: 0;
}

.ygfc-prev.swiper-button-disabled,
.ygfc-next.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}

@media (min-width: 768px) {
	.sec-ygfc {
		padding-bottom: 107px;
	}

	.ygfc-slider {
		position: relative;
		padding: 0 60px;
	}

	.ygfc-slider .swiper-slide {
		width: 390px;
	}

	.ygfc-slider .swiper-slide p {
		font-size: 18px;
		margin-top: 15px;
	}

	.ygfc-prev,
	.ygfc-next {
		font-size: 50px;
	}

	.ygfc-prev:hover,
	.ygfc-next:hover {
		color: #1a3884;
	}
}

@media (min-width: 1350px) {
	.ygfc-slider {
		padding: 0;
	}

	.ygfc-prev {
		left: -60px;
	}

	.ygfc-next {
		right: -60px;
	}
}

/* ygfc - end */