body {
	color: #858585
}

@font-face {
	font-family:din;src:url(../assets/fonts/DIN\ Medium.ttf);src:url(../assets/fonts/DIN\ Medium.eot);src:url(../assets/fonts/DIN\ Medium.eot?#iefix) format("embedded-opentype"),url(../assets/fonts/DIN\ Medium.woff) format("woff"),url(../assets/fonts/DIN\ Medium.ttf) format("truetype"),url(../assets/fonts/DIN\ Medium.svg#grablau) format("svg")
}

.din,.news-list-item-time {
	font-family: din,Microsoft Yahei,sans-serif
}

.overflow-hidden {
	overflow: hidden
}

.swiper-container {
	height: 100%
}

.swal-overlay {
	z-index: 19981205
}

.c-blue {
	color: #ffb80f
}

.c-black {
	color: #000
}

.c-white {
	color: #fff
}

.bg-blue {
	background-color: #637f93
}

.content {
	padding-left: 3.38542vw;
	padding-right: 3.38542vw
}

.webpage:before {
	content: "";
	display: block
}

.header,.webpage:before {
	height: 6.25vw;
	min-height: 60px
}

.header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 19960427;
	background-color: #fff;
	transition: all .4s
}

.header-content {
	height: 100%;
	justify-content: space-between
}

.header-content,.header-logo {
	display: flex;
	align-items: center
}

.header-logo {
	transition: all .4s
}

.header-logo img {
	height: 4.16667vw;
	min-height: 46px
}

.header-nav {
	height: 100%;
	display: flex;
	overflow: hidden
}

@media (max-width:991px) {
	.header-nav {
		display: none
	}
}

.header-nav-item {
	display: flex;
	align-items: center;
	height: 100%;
	position: relative;
	padding: 0 2.08333vw
}

.header-nav-item:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-color: #1557a4;
	transition: all .3s;
	transform: translate3d(0,100%,0)
}

.header-nav-item.hover,.header-nav-item:hover {
	color: #fff
}

.header-nav-item.hover:after,.header-nav-item:hover:after {
	transform: translateZ(0)
}

@media (min-width:992px) {
	.header-hamburger {
		display: none
	}
}

.header.active {
	height: 4.16667vw;
	box-shadow: 0 2px 3px rgba(0,0,0,.1);
	border-bottom-width: 1px
}

@media (min-width:768px) {
	.header.active .header-logo {
		transform: scale(.8)
	}
}

.footer {
	position: relative;
	color: #b7b7b7;
	font-size: 14px;
	margin-top: 6.77083vw
}

@media (max-width:991px) {
	.footer {
		font-size: 12px
	}
}

.footer a {
	display: inline-block
}

.footer a:hover {
	color: #fff;
	transform: translate3d(3px,0,0)
}

.footer-top {
	background-color: #262626;
	padding: 4.16667vw 0
}

.footer-top-content {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between
}

@media (max-width:767px) {
	.footer-top-content {
		flex-direction: column;
		align-items: center;
		text-align: center
	}

	.footer-top-content>div:not(:last-child) {
		margin-bottom: 15px
	}
}

.footer-title {
	color: #fff;
	padding-bottom: 12px;
	position: relative;
	margin-bottom: 20px;
	font-size: 16px
}

@media (max-width:991px) {
	.footer-title {
		font-size: 14px
	}
}

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

.footer-title:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 1px;
	background-color: #fff
}

@media (max-width:767px) {
	.footer-title:after {
		left: 50%;
		transform: translateX(-50%)
	}
}

.footer-code2 {
	display: flex;
	align-items: flex-end;
	text-align: right
}

@media (max-width:767px) {
	.footer-code2 {
		flex-direction: column;
		text-align: center;
		align-items: center
	}

	.footer-code2 img {
		margin-top: 5px
	}
}

.footer-bottom {
	padding: 1.5625vw 0;
	background-color: #000;
	line-height: 1.6
}

@media (max-width:767px) {
	.footer-bottom {
		text-align: center;
		float: none
	}
}

.footer-bottom-support {
	float: right
}

@media (max-width:767px) {
	.footer-bottom-support {
		float: none
	}
}

.footer-back {
	position: absolute;
	top: 0;
	left: 3.38542vw;
	transform: translate3d(0,-50%,0)!important;
	display: flex;
	align-items: center;
	color: #fff;
	background-color: #1257a6;
	padding: .78125vw 2.34375vw;
	cursor: pointer
}

@media (max-width:991px) {
	.footer-back {
		padding: 10px 15px
	}
}

.footer-back span {
	position: relative;
	top: 3px;
	margin-right: 10px
}

.footer-back i {
	font-size: 30px
}

@media (max-width:1279px) {
	.footer-back i {
		font-size: 26px
	}
}

@media (max-width:991px) {
	.footer-back i {
		font-size: 22px
	}
}

@media (max-width:767px) {
	.footer-back i {
		font-size: 18px
	}
}

.footer-nav {
	text-align: left
}

.menu {
	display: none
}

.c-header {
	overflow: hidden
}

.c-header-content {
	position: relative;
	padding-top: 3.125vw;
	padding-bottom: 3.125vw;
	color: #fff
}

.c-header-bg {
	position: absolute;
	top: 0;
	left: 3.38542vw;
	width: 100vw;
	height: 100%;
	background-color: #637f93;
	background-image: url(../images/cbanner-bg.jpg);
	background-size: cover;
	background-position: 0;
	z-index: -1
}

.c-header-title.cn {
	padding-left: 1.04167vw;
	border-left: .26042vw solid #fff;
	font-size: 26px
}

@media (max-width:1279px) {
	.c-header-title.cn {
		font-size: 22px
	}
}

@media (max-width:991px) {
	.c-header-title.cn {
		font-size: 18px
	}
}

@media (max-width:767px) {
	.c-header-title.cn {
		font-size: 16px
	}
}

.c-header-title.en {
	display: flex;
	align-items: center;
	font-size: 20px;
	float: right;
	font-family: din,sans-serif
}

@media (max-width:1279px) {
	.c-header-title.en {
		font-size: 18px
	}
}

@media (max-width:991px) {
	.c-header-title.en {
		font-size: 16px
	}
}

@media (max-width:767px) {
	.c-header-title.en {
		font-size: 14px
	}
}

.c-header-title.en:before {
	content: "";
	width: 3.125vw;
	height: 1px;
	background-color: #fff;
	margin-right: 1.04167vw
}

.c-path {
	padding: 1.5625vw 0;
	text-align: right;
	font-size: 14px
}

@media (max-width:767px) {
	.c-path {
		font-size: 12px
	}
}

.nav2-list,.nav3-list {
	display: flex;
	flex-wrap: wrap
}

.nav2-item,.nav3-item {
	display: flex;
	height: 40px;
	line-height: 40px
}

.nav2-link,.nav3-link {
	transition: none
}

.nav2-link,.nav3-item {
	padding: 0 30px
}

.nav2 {
	white-space: nowrap;
	font-size: 16px;
	margin-bottom: 3.125vw
}

@media (max-width:1279px) {
	.nav2 {
		font-size: 14px
	}
}

@media (max-width:991px) {
	.nav2 {
		display: none
	}
}

.nav2-content {
	height: 80px;
	overflow: hidden
}

.nav2-list {
	position: relative;
	border-bottom: 1px solid #eaeaea
}

.nav2-item {
	transition: all .3s
}

.nav2-link {
	position: relative
}

.nav2-link:before {
	width: 10px;
	background-color: #fff;
	transform: rotate(-45deg);
	top: 50%;
	left: 10%
}

.nav2-link:after,.nav2-link:before {
	content: "";
	height: 1px;
	position: absolute
}

.nav2-link:after {
	width: 100%;
	top: 100%;
	left: 0;
	background-color: transparent
}

.nav3 {
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
	width: 100vw;
	background-color: #637f93;
	color: #fff;
	visibility: hidden;
	opacity: 0;
	transition: all .3s;
	z-index: 1
}

.nav3-link {
	position: relative;
	padding: 0 10px
}

.nav3-link:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	transition: all .4s;
	background-color: #fff
}

.nav2-item:hover {
	color: #fff;
	background-color: rgba(99,127,147,.6)
}

.nav2-item.current {
	color: #fff
}

.nav2-item.current,.nav2-item.current .nav2-link:after {
	background-color: #637f93
}

.nav2-item.current .nav3,.nav2-item:hover .nav3 {
	visibility: visible;
	opacity: 1;
	z-index: 2
}

.nav2-item.current .nav3 {
	z-index: 1
}

.nav3-item.current .nav3-link:before,.nav3-link:hover:before {
	width: 100%;
	left: 0;
	right: auto
}

.index {
	overflow: hidden
}

.index-banner {
	margin-bottom: 5.20833vw
}

.index-banner-wrapper {
	position: relative;
	/*padding-left: 3.38542vw;*/
	height: calc(100vh - 6.25vw);
	max-height: calc(100vh - 60px)
}

@media (max-width:991px) {
	.index-banner-wrapper {
		height: auto;
		padding-left: 0
	}
}

.index-banner-swiper-frame {
	display: none;
	position: absolute;
	transition: all .3s;
	background-color: #fff;
	z-index: 2
}

.index-banner-swiper-frame.left {
	top: 0;
	left: 0;
	width: 2.60417vw;
	height: 100%;
	transform-origin: left center
}

.index-banner-swiper-frame.right {
	top: 0;
	right: 0;
	width: 2.60417vw;
	height: 100%;
	transform-origin: right center
}

.index-banner-swiper-frame.top {
	top: 0;
	left: 0;
	width: 100%;
	height: 2.60417vw;
	transform-origin: top center
}

.index-banner-swiper-frame.bottom {
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2.60417vw;
	transform-origin: bottom center
}

.index-banner-slide,.index-banner-slide-pic {
	height: 100%
}

@media (max-width:991px) {
	.index-banner-slide-pic {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: -1
	}
}

.index-banner-slide-text {
	position: relative;
	height: 12.32rem;
	text-align: right;
	background-color: #eaeaea;
	overflow: hidden
}

@media (max-width:991px) {
	.index-banner-slide-text {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-color: hsla(0,0%,92%,.9);
		text-align: center;
		padding: 5.20833vw
	}
}

.index-banner-slide-text-content {
	position: relative
}

.index-banner-slide-text-mobile-pic {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	
	
}

@media (min-width:768px) {
	.index-banner-slide-text-mobile-pic {
		display: none
	}
}

.index-banner-slide-title {
	font-size: 40px;
	color: #4f4e4e
}

@media (max-width:1440px) {
	.index-banner-slide-title {
		font-size: 32px
	}
}

@media (max-width:1279px) {
	.index-banner-slide-title {
		font-size: 28px
	}
}

@media (max-width:991px) {
	.index-banner-slide-title {
		font-size: 24px
	}
}

@media (max-width:767px) {
	.index-banner-slide-title {
		font-size: 18px
	}
}

.index-banner-slide-title:after {
	content: "";
	display: inline-block;
	height: 2px;
	width: 5.72917vw;
	background-color: #637f93;
	margin: 3.64583vw 0 1.04167vw
}

.index-banner-slide-title span {
	display: block
}

.index-banner-slide-desc {
	font-size: 14px;
	margin-bottom: 2.08333vw
}

.index-banner-slide-more {
	display: inline-block;
	color: #637f93
}

.index-banner-icon {
	position: absolute;
	z-index: 0;
	top: 100%;
	left: 100%;
	font-size: 20.83333vw;
	color: #eaeaea;
	text-shadow: 0 0 1px rgba(0,0,0,.2);
	background-color: transparent
}

@media (max-width:991px) {
	.index-banner-icon {
		display: none
	}
}

.index-banner-pagination {
	position: absolute;
	z-index: 5;
	bottom: 46%;
	right: 3%
}

@media (max-width:991px) {
	.index-banner-pagination {
		right: 5%;
		bottom: 50%;
		transform: translateY(50%)
	}
}

.index-banner-pagination-item {
	display: block;
	color: #e1e1e1;
	margin: 5px 0;
	cursor: pointer;
	transition: all .3s
}

.index-banner-pagination-item.active {
	color: #383838
}

.index-banner.active .index-banner-swiper-frame.left,.index-banner.active .index-banner-swiper-frame.right {
	transform: scaleX(0)
}

.index-banner.active .index-banner-swiper-frame.bottom,.index-banner.active .index-banner-swiper-frame.top {
	transform: scaleY(0)
}

.index-r1-chunk {
	height: 30.20833vw
}

.index-r1-desc {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #fff;
	background-color: rgba(0,0,0,.2);
	padding: 0 .78125vw;
	text-align: center;
	line-height: 1.5
}

.index-r1-desc-title {
	font-size: 22px;
	margin-bottom: 1.04167vw
}

@media (max-width:1279px) {
	.index-r1-desc-title {
		font-size: 18px
	}
}

@media (max-width:991px) {
	.index-r1-desc-title {
		font-size: 16px
	}
}

@media (max-width:767px) {
	.index-r1-desc-title {
		font-size: 14px
	}
}

.index-r1-desc-hr {
	height: 18px;
	width: 1px;
	background-color: #fff;
	display: block;
	margin-bottom: 10px
}

.index-r1-desc-more {
	font-size: 12px
}

.index-r1-nav {
	position: absolute;
	top: 0;
	left: 50%;
	width: 16.66667%;
	z-index: 2;
	display: flex;
	align-items: center;
	flex-direction: column;
	color: hsla(0,0%,100%,.6);
	height: 100%;
	line-height: 1.5;
	font-size: 16px
}

@media (max-width:1279px) {
	.index-r1-nav {
		font-size: 14px
	}
}

@media (max-width:767px) {
	.index-r1-nav {
		display: none
	}
}

.index-r1-nav-wrapper {
	padding-top: 4.16667vw
}

.index-r1-nav-item {
	display: flex;
	align-items: center;
	transition: all .3s;
	cursor: pointer
}

.index-r1-nav-item:not(:last-child) {
	margin-bottom: .72917vw
}

.index-r1-nav-item:before {
	content: "";
	width: 10px;
	height: 1px;
	background-color: #fff;
	margin-right: 10px;
	transition: all .2s
}

.index-r1-nav-item.active,.index-r1-nav-item:hover {
	color: #fff
}

.index-r1-nav-item.active:before,.index-r1-nav-item:hover:before {
	transform: rotate(-45deg)
}

.index-r1-control {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 3;
	transform: translate(-50%,-50%)
}

@media (max-width:767px) {
	.index-r1-control {
		display: none
	}
}

.index-r2 {
	position: relative;
	padding: 6.77083vw 0;
	overflow: hidden
}

.index-r2-news-item {
	padding: 2.60417vw!important
}

.index-r2-liu {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-size: 23.4375vw;
	color: #eaeaea;
	transform: translate(10%,-50%)
}

@media (max-width:767px) {
	.index-r2-liu {
		display: none
	}
}

.index-r2-liu-wrapper {
	position: absolute;
	bottom: 10%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.index-r2-control {
	color: #637f93;
	padding: 10px
}

.index-r3-wrapper {
	background-color: #eaeaea
}

.index-r3-item {
	position: relative;
	display: block;
	height: 15.625vw;
	min-height: 125px;
	overflow: hidden
}

.index-r3-item-pic {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	transition: all .6s
}

.index-r3-item-text {
	color: #fff;
	display: flex;
	height: 100%;
	align-items: center;
	padding: 0 3.38542vw;
	position: relative;
	line-height: 1.6
}

.index-r3-item-name {
	flex-grow: 1;
	font-size: 22px
}

@media (max-width:1279px) {
	.index-r3-item-name {
		font-size: 20px
	}
}

@media (max-width:991px) {
	.index-r3-item-name {
		font-size: 18px
	}
}

@media (max-width:767px) {
	.index-r3-item-name {
		font-size: 16px
	}
}

.index-r3-item-link {
	opacity: 0;
	transform: translate3d(-10px,0,0)
}

@media (max-width:991px) {
	.index-r3-item-link {
		display: none!important
	}
}

.index-r3-item:hover .index-r3-item-pic {
	transform: scale(1.1)
}

.index-r3-item:hover .index-r3-item-link {
	opacity: 1;
	transform: translateZ(0)
}

.index-r3-item-text.more {
	color: #383838
}

.index-r3-item-text.more .index-r3-item-name {
	flex-grow: 0!important;
	margin-right: 15px
}

.index-r3-item-text.more .index-r3-item-link {
	opacity: 1!important;
	transform: translateZ(0)
}

@media (max-width:767px) {
	.news-list-first-pic {
		height: 235px
	}
}

.news-list-first-text {
	display: block;
	padding: 2.60417vw;
	background-color: #eaeaea
}

.news-list-first-hr {
	display: block;
	width: 25px;
	height: 1px;
	background-color: #637f93;
	margin: 1.30208vw 0 2.86458vw
}

.news-list-first-more {
	display: flex;
	justify-content: flex-end;
	margin-top: 5.20833vw
}

.news-list-item {
	display: flex;
	padding: 5.20833vw 1.82292vw;
	transition: all .4s
}

.news-list-item:hover {
	background-color: #eaeaea
}

.news-list-item-time {
	font-size: 36px;
	color: #383838;
	margin-bottom: .78125vw;
	padding-right: 2.08333vw
}

@media (max-width:1279px) {
	.news-list-item-time {
		font-size: 26px
	}
}

@media (max-width:991px) {
	.news-list-item-time {
		font-size: 20px
	}
}

@media (max-width:767px) {
	.news-list-item-time {
		font-size: 14px
	}
}

.news-list-item-time-small {
	font-size: 14px;
	float: right;
	color: #858585;
	margin-top: 10px
}

@media (max-width:767px) {
	.news-list-item-time-small {
		font-size: 12px
	}
}

.news-list-item-title {
	font-size: 28px;
	color: #383838;
	line-height: 1.5
}

.news-list-item-title:not(.not-mb) {
	margin-bottom: 2.08333vw
}

@media (max-width:1279px) {
	.news-list-item-title {
		font-size: 22px
	}
}

@media (max-width:991px) {
	.news-list-item-title {
		font-size: 18px
	}
}

@media (max-width:767px) {
	.news-list-item-title {
		font-size: 14px
	}
}

.news-list-item-desc {
	font-size: 14px;
	height: 50px;
	line-height: 25px;
	overflow: hidden
}

@media (max-width:767px) {
	.news-list-item-desc {
		font-size: 12px;
		line-height: 20px;
		height: 40px
	}
}

.news-detail {
	max-width: 1000px;
	margin: 0 auto
}

@media (max-width:1279px) {
	.news-detail {
		padding: 0 3.38542vw
	}
}

.news-detail-header {
	position: relative;
	line-height: 1.5;
	margin-bottom: 2.60417vw
}

.news-detail-header:before {
	content: "";
	position: absolute;
	top: 0;
	left: -2.39583vw;
	height: 100%;
	width: 3px;
	background-color: #637f93
}

@media (max-width:767px) {
	.news-detail-header:before {
		display: none
	}
}

.news-detail-title {
	font-size: 36px;
	color: #383838;
	margin-bottom: 1.875vw
}

@media (max-width:1279px) {
	.news-detail-title {
		font-size: 26px
	}
}

@media (max-width:991px) {
	.news-detail-title {
		font-size: 20px
	}
}

@media (max-width:767px) {
	.news-detail-title {
		font-size: 16px
	}
}

.news-detail-time {
	font-size: 18px;
	color: #637f93
}

@media (max-width:1279px) {
	.news-detail-time {
		font-size: 16px
	}
}

@media (max-width:767px) {
	.news-detail-time {
		font-size: 14px
	}
}

.news-detail-content {
	line-height: 1.8;
	font-size: 16px
}

@media (max-width:991px) {
	.news-detail-content {
		font-size: 14px
	}
}

.news-detail-content img {
	display: block;
	width: 100%
}

.news-detail-content div:not(:last-child),.news-detail-content img:not(:last-child),.news-detail-content p:not(:last-child) {
	margin-bottom: 2.08333vw
}

@media (max-width:1279px) {
	.info-r1 {
		margin-bottom: 4.16667vw
	}
}

.info-r1-text {
	padding: 6.25vw
}

@media (min-width:1280px) {
	.info-r1-text.left {
		padding-left: 12.23958vw
	}
}

@media (min-width:1280px) {
	.info-r1-text.right {
		padding-right: 12.23958vw
	}
}

.info-r1-icon {
	float: right;
	margin-top: 2.60417vw;
	max-width: 100%;
	position: relative;
	left: 4.16667vw
}

@media (max-width:1279px) {
	.info-r1-icon {
		display: none
	}
}

.info-r2 {
	margin-bottom: 5.20833vw
}

.info-r2-content {
	position: relative
}

.info-r2-text {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff
}

@media (max-width:767px) {
	.info-r2-text {
		position: static;
		color: inherit;
		margin-top: 10px
	}
}

.info-r2-text-p {
	position: relative;
	max-width: 50%;
	margin: 0 auto
}

@media (max-width:767px) {
	.info-r2-text-p {
		max-width: 100%
	}
}

.info-r2-text-p:before {
	content: "";
	position: absolute;
	right: 102%;
	top: 14px;
	height: 0px;
	width: 0vw;
	background-color: #fff
}

.info-r3 {
	position: relative;
	padding-top: 4.6875vw;
	margin-bottom: 6.51042vw
}

@media (max-width:767px) {
	.info-r3 {
		padding: 4.6875vw 0
	}
}

.info-r3:before {
	content: "";
	width: 55%;
	height: 300%;
	background-color: #eaeaea;
	position: absolute;
	top: 0;
	left: 0
}

@media (max-width:767px) {
	.info-r3:before {
		width: 100%;
		height: 100%
	}
}

.info-r4 {
	margin-bottom: 4.6875vw
}

.info-r4-text {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	height: 100%;
	position: relative;
	color: #fff;
	background-color: #637f93
}

.info-r4-text-p {
	line-height: 1.5;
	margin-bottom: 2.60417vw;
	font-size: 40px
}

@media (max-width:1279px) {
	.info-r4-text-p {
		font-size: 28px
	}
}

@media (max-width:991px) {
	.info-r4-text-p {
		font-size: 22px
	}
}

@media (max-width:767px) {
	.info-r4-text-p {
		font-size: 16px;
		margin-bottom: 0;
		padding: 10px 0
	}
}

.info-r4-pic {
	width: 100%
}

.info-r5-line {
	width: 60px;
	height: 2px;
	background-color: #637f93;
	float: right;
	margin-bottom: 2.08333vw
}

.product-list-title {
	display: flex;
	align-items: center;
	font-size: 28px;
	color: #383838;
	margin-bottom: 1.82292vw
}

@media (max-width:1279px) {
	.product-list-title {
		font-size: 22px
	}
}

@media (max-width:991px) {
	.product-list-title {
		font-size: 18px
	}
}

@media (max-width:767px) {
	.product-list-title {
		font-size: 16px
	}
}

.product-list-title:before {
	content: "";
	width: 3.125vw;
	height: 2px;
	background-color: #637f93;
	margin-right: 15px
}

.product-list-item {
	position: relative;
	background-color: #eaeaea;
	margin-bottom: 1.5625vw
}

.product-list-item:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	height: 2px;
	width: 100%;
	transition: transform .4s;
	transform-origin: right;
	transform: scaleX(0);
	background-color: #637f93
}

.product-list-item-pic {
	height: 100%;
	padding-bottom: 100%;
	transition: all .6s
}

.product-list-item-text {
	height: 100%;
	padding: 4.6875vw 2.34375vw
}

.product-list-item-title {
	color: #383838;
	font-size: 22px;
	margin-bottom: 1.82292vw
}

@media (max-width:1279px) {
	.product-list-item-title {
		font-size: 18px
	}
}

@media (max-width:991px) {
	.product-list-item-title {
		font-size: 16px
	}
}

.product-list-item-desc {
	font-size: 14px;
	line-height: 1.8
}

.product-list-item-more {
	position: absolute;
	bottom: 2.60417vw;
	right: 2.60417vw
}

.product-list-item:hover:after {
	transform-origin: left;
	transform: scale(1)
}

.product-list-item:hover .product-list-item-pic {
	transform: scale(1.1)
}

.product-detail {
	overflow: hidden
}

.product-detail,.product-detail-pic {
	position: relative
}

.product-detail-pic:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 50vw;
	height: 100%;
	background-color: #eaeaea;
	z-index: -1
}

.product-detail-pic-item {
	padding-bottom: 100%
}

.product-detail-text {
	height: 100%;
	background-color: #eaeaea;
	padding: 5.20833vw
}

.product-detail-title {
	font-size: 30px;
	color: #383838;
	margin-bottom: 2.08333vw
}

@media (max-width:1279px) {
	.product-detail-title {
		font-size: 22px
	}
}

@media (max-width:991px) {
	.product-detail-title {
		font-size: 18px
	}
}

@media (max-width:767px) {
	.product-detail-title {
		font-size: 16px
	}
}

.product-detail-back {
	position: absolute;
	bottom: 2.08333vw;
	right: 2.08333vw
}

.product-detail-button {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	transform: translate3d(-50%,-50%,0)
}

@media (max-width:767px) {
	.product-detail-button {
		display: none
	}
}

.product-detail-pagination {
	position: absolute;
	z-index: 2;
	bottom: 2.08333vw;
	right: 2.08333vw
}

.example-item {
	display: block;
	margin-bottom: 3.90625vw
}

.example-item-pic {
	overflow: hidden
}

.example-item-pic img {
	display: block;
	width: 100%
}

.example-item-text {
	display: flex;
	align-items: center
}

@media (max-width:1279px) {
	.example-item-text {
		flex-wrap: wrap
	}
}

.example-item-name {
	color: #383838;
	font-size: 22px;
	padding: 1.04167vw;
	white-space: nowrap
}

@media (max-width:1279px) {
	.example-item-name {
		width: 100%;
		padding: 10px 0;
		font-size: 18px
	}
}

@media (max-width:991px) {
	.example-item-name {
		font-size: 16px
	}
}

.example-item-desc {
	font-size: 14px;
	flex-grow: 1;
	line-height: 1.6
}

@media (max-width:1279px) {
	.example-item-desc {
		width: 100%
	}
}

@media (max-width:1279px) {
	.example-item-link {
		display: none
	}
}

.ex-desc {
	max-width: 1000px;
	padding: 0 3.38542vw;
	margin: 0 auto
}

.ex-desc-pic {
	overflow: hidden
}

.ex-desc-pic img {
	display: block;
	width: 100%
}

.ex-desc-text {
	padding: 2.08333vw;
	background-color: #eaeaea
}

.ex-desc-title {
	display: flex;
	margin-bottom: .78125vw
}

.ex-desc-name {
	flex-grow: 1;
	font-size: 22px;
	color: #383838
}

@media (max-width:1279px) {
	.ex-desc-name {
		font-size: 20px
	}
}

@media (max-width:991px) {
	.ex-desc-name {
		font-size: 18px
	}
}

@media (max-width:767px) {
	.ex-desc-name {
		font-size: 16px
	}
}

.ex-desc-p {
	font-size: 16px
}

.contact-wrapper {
	max-width: 1000px;
	margin: 0 auto 3.64583vw;
	padding: 0 3.38542vw
}

.contact-title {
	text-align: center;
	font-size: 26px;
	color: #637f93
}

@media (max-width:1279px) {
	.contact-title {
		font-size: 22px
	}
}

@media (max-width:991px) {
	.contact-title {
		font-size: 18px
	}
}

@media (max-width:767px) {
	.contact-title {
		font-size: 16px
	}
}

.contact-title:after {
	content: "";
	display: block;
	width: 3.38542vw;
	height: 2px;
	background-color: #637f93;
	margin: 1.82292vw auto
}

.contact-icons {
	margin-bottom: 5.20833vw
}

.contact-icons-item {
	text-align: center
}

.contact-icons-item-text {
	margin-top: 1.5625vw;
	font-size: 20px
}

@media (max-width:1279px) {
	.contact-icons-item-text {
		font-size: 18px
	}
}

@media (max-width:991px) {
	.contact-icons-item-text {
		font-size: 16px
	}
}

@media (max-width:767px) {
	.contact-icons-item-text {
		font-size: 14px
	}
}

.contact-form {
	background-color: #f1f5f7;
	padding: 2.60417vw;
	border: 1px solid #637f93
}

.contact-form-submit {
	padding: 8px 35px;
	background-color: #637f93;
	color: #fff;
	margin-top: 1.5625vw
}

.contact-map {
	height: 41.66667vw;
	min-height: 235px
}

.comp-more {
	font-size: 12px;
	display: flex;
	align-items: center;
	font-family: din,sans-serif;
	color: #637f93
}

.comp-more span {
	margin-top: 4px
}

.comp-more i {
	margin-top: -3px;
	margin-left: 10px;
	font-size: 24px
}

.comp-path {
	border-top: 1px solid rgba(0,0,0,.1);
	padding: 2.34375vw 0 0
}

.comp-path .page {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center
}

.comp-path a {
	width: 36px;
	height: 36px;
	line-height: 36px;
	border: 1px solid rgba(99,127,147,.3);
	margin: 0 3px
}

.comp-path a.current,.comp-path a:hover {
	color: #fff;
	background-color: #637f93;
	border-color: #637f93
}

.comp-detail {
	font-size: 16px;
	line-height: 1.8
}

@media (max-width:1279px) {
	.comp-detail {
		font-size: 14px
	}
}

.comp-back {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #383838
}

@media (max-width:991px) {
	.comp-back {
		font-size: 14px
	}
}

.comp-back:before {
	content: "";
	width: 3.125vw;
	height: 2px;
	background-color: #637f93;
	margin-right: 15px
}

.comp-arrow {
	display: flex
}

.comp-arrow-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.60417vw;
	width: 2.60417vw;
	font-size: 1.04167vw;
	color: #a8a8a8;
	background-color: #fff;
	cursor: pointer
}

.comp-arrow-item:before {
	position: relative;
	z-index: 2;
	transition: all .3s
}

.comp-arrow-item:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 0;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	transition: all .3s
}

.comp-arrow-item:hover:before {
	color: #fff
}

.comp-arrow-item.left:hover:before {
	transform: translate3d(-4px,0,0)
}

.comp-arrow-item.right:hover:before {
	transform: translate3d(4px,0,0)
}

.comp-arrow-item:hover:after {
	left: 0;
	right: auto;
	width: 100%
}

.comp-pagination {
	font-size: 16px;
	color: #fff;
	display: flex;
	align-items: center
}

@media (max-width:1279px) {
	.comp-pagination {
		font-size: 14px
	}
}

.comp-pagination-current {
	position: relative;
	left: 6px;
	top: -8px;
	color: #637f93
}

.comp-pagination-hr {
	width: 1px;
	height: 30px;
	background-color: #fff;
	transform: rotate(45deg);
	margin: 0 10px
}

.comp-pagination-length {
	position: relative;
	left: -6px;
	top: 8px
}

.comp-pagination.black {
	color: #858585
}

.comp-pagination.black .comp-pagination-hr {
	background-color: #858585
}

.comp-link {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.08333vw;
	width: 2.08333vw;
	border: .10417vw solid #637f93;
	font-size: 20px;
	color: #637f93;
	transition: all .3s
}

.comp-link:hover {
	background-color: #637f93;
	color: #fff
}

.comp-link.white {
	color: #fff;
	border-color: #fff
}

.comp-link.white:hover {
	color: #637f93;
	background-color: #fff
}

.comp-link.black {
	color: #383838;
	border-color: #383838
}

.comp-link.black:hover {
	color: #fff;
	background-color: #383838
}

.comp-scale {
	overflow: hidden
}

.comp-scale img {
	transition: all .8s
}

.comp-scale:hover img {
	transform: scale(1.1)
}

.comp-form-group {
	position: relative;
	font-size: 16px
}

@media (max-width:1279px) {
	.comp-form-group {
		font-size: 14px
	}
}

.comp-form-group:not(:last-child) {
	margin-bottom: 1.04167vw
}

.comp-form-group-input,.comp-form-group-textarea {
	border: none;
	border-bottom: 1px solid #c5d5e1;
	background-color: transparent;
	width: 100%;
	display: block;
	padding: 10px 0;
	color: #858585
}

.comp-form-group-code {
	position: absolute;
	right: 0;
	top: 0;
	left: auto;
	bottom: 0;
	margin: auto
}

.comp-title {
	position: relative;
	margin-bottom: 3.125vw
}

.comp-title-large {
	font-family: din,sans-serif;
	color: #1257a6;
	font-size: 30px;
	margin-bottom: 10px;
	text-transform: uppercase
}

@media (max-width:1279px) {
	.comp-title-large {
		font-size: 26px
	}
}

@media (max-width:991px) {
	.comp-title-large {
		font-size: 22px
	}
}

@media (max-width:767px) {
	.comp-title-large {
		font-size: 16px
	}
}

.comp-title-small {
	font-size: 12px;
	color: #000
}

.comp-title:before {
	content: "";
	position: absolute;
	top: 14px;
	right: 100%;
	background-color: #637f93;
	height: 1px;
	width: 1000px;
	margin-right: 12px
}
.article p{ font-size:16px; line-height:30px;}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a, .cp_list .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666; font-size:14px;}
.pagelist strong { background: #ef5600; color: #fff;}