body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,button,input,textarea,th,td {
	font-weight: normal;
	margin: 0;
	padding: 0
}

body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,i {
	font: normal 12px "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}

ul,ol,li {
	list-style: none
}

a {
	text-decoration: none;
	color: #333
}

a:hover {
	text-decoration: none
}

img {
	vertical-align: top;
	border: 0
}

button,input,textarea {
	font-size: 100%;
	vertical-align: middle;
	outline: none;
	border-radius: 0;
	-webkit-appearance: none
}

table {
	border-spacing: 0;
	border-collapse: collapse
}

div,a {
	-webkit-tap-highlight-color: rgba(255,255,255,0)
}

html {
	font-size: 100px
}

@media screen and (min-width: 360px) {
	html {
		font-size: 112.5px
	}
}

@media screen and (min-width: 375px) {
	html {
		font-size: 117.1875px
	}
}

@media screen and (min-width: 414px) {
	html {
		font-size: 129.375px
	}
}

@media screen and (min-width: 480px) {
	html {
		font-size: 150px
	}
}

@media screen and (min-width: 640px) {
	html {
		font-size: 200px
	}
}

.clearfloat:after {
	font-size: 0;
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ' '
}

.clearfloat {
	*zoom: 1
}

.clearboth {
	clear: both
}

.wp1510 {
	width: 1510px;
	margin: 0 auto
}

@media screen and (max-width: 1510px) {
	.wp1510 {
		width: 100%
	}
}

.wp1200 {
	width: 1200px;
	margin: 0 auto
}

@media screen and (max-width: 1200px) {
	.wp1200 {
		width: 100%
	}
}

.wp1130 {
	width: 1130px;
	margin: 0 auto
}

@media screen and (max-width: 1130px) {
	.wp1130 {
		width: 100%
	}
}

.wp1020 {
	width: 1020px;
	margin: 0 auto
}

@media screen and (max-width: 1020px) {
	.wp1020 {
		width: 100%
	}
}

.wp990 {
	width: 990px;
	margin: 0 auto
}

@media screen and (max-width: 960px) {
	.wp990 {
		width: 100%
	}
}

.wp960 {
	width: 960px;
	margin: 0 auto
}

@media screen and (max-width: 960px) {
	.wp960 {
		width: 100%
	}
}

.por {
	position: relative
}

.checkBrowser {
	font-size: 14px;
	line-height: 40px;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 50%;
	width: 700px;
	height: 40px;
	margin-left: -360px;
	padding: 0 10px;
	color: #fff;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #e6212a
}

.checkBrowser a {
	font-size: 16px;
	line-height: 20px;
	position: absolute;
	top: 10px;
	right: 5px;
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	text-align: center;
	color: #333;
	border-radius: 50%;
	background-color: #fff
}

@font-face {
	font-family:'DidotBold';src:url("../font/DidotBold.eot");src:url("../font/DidotBold.eot") format("embedded-opentype"),url("../font/DidotBold.woff2") format("woff2"),url("../font/DidotBold.woff") format("woff"),url("../font/DidotBold.ttf") format("truetype"),url("../font/DidotBold.svg#DidotBold") format("svg")
}

.paged {
	padding-top: 50px;
	text-align: center
}

.paged.pt30 {
	padding-top: 30px
}

.paged.pt10 {
	padding-top: 10px
}

.paged a,.paged .p_info,.paged .current {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0px 3px;
	padding: 10px 15px;
	font-size: 12px;
	text-align: center;
	background: #fff;
	color: #333
}

.paged .current,.paged a:hover {
	background: #0094de;
	color: #fff
}

.paged-prev,.paged-next {
	min-width: 100px
}

@media screen and (max-width: 640px) {
	.paged-prev,.paged-next {
		min-width: 0
	}

	.paged.pt30 {
		padding-top: .15rem
	}
}

.inside-banner {
	width: 100%;
	height: 730px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

@media screen and (max-width: 1366px) {
	.inside-banner {
		height: 0;
		padding-bottom: 38.28125%
	}
}

@media screen and (max-width: 768px) {
	.inside-banner {
		padding-bottom: 54.6875%
	}
}

.inside-menu {
	background-color: #fff;
	border-bottom: 1px solid #fff
}

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

.inside-menu .swiper-slide a {
	display: inline-block;
	padding: 0 20px;
	height: 63px;
	line-height: 63px;
	font-size: 15px;
	color: #666
}

.inside-menu-scroller {
	position: relative;
	height: 64px;
	overflow: hidden
}

.inside-menu-scroller-wp {
	position: absolute;
	top: 0;
	left: 0
}

.inside-menu-scroller ul li {
	float: left
}

.inside-menu-scroller ul li a {
	display: block;
	padding: 0 20px;
	font-size: 15px;
	color: #666;
	line-height: 64px
}

.inside-menu-scroller ul li a:hover {
	color: #0094de
}

.inside-menu-scroller ul li.on a {
	background-color: #0094de;
	color: #fff
}

.contact-box {
	background-color: #fff;
	padding: 90px 0 100px;
	position: relative;
	z-index: 2;
	border-top: 1px solid rgba(0,0,0,0.3);
	border-bottom: 1px solid rgba(0,0,0,0.3)
}

.contact-box article {
	font-size: 13px;
	color: #777;
	line-height: 30px
}

.contact-box .contact-article-inline {
	display: inline-block;
	vertical-align: top;
	min-width: 225px
}

@media screen and (max-width: 640px) {
	.contact-box {
		padding: .15rem .05rem .15rem
	}
}

.contact-article-top {
	font-size: 24px;
	color: #333;
	margin-bottom: 20px
}

.contact-article-top span {
	font-size: 14px;
	color: #888
}

.contact-map {
	position: relative;
	width: 100%;
	height: 490px;
	z-index: 1
}

.contact-map>div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

@media screen and (max-width: 640px) {
	.contact-map {
		height: 360px
	}
}

.brand {
	height: 80px;
	line-height: 80px;
	background-color: #f5f5f5;
	font-size: 15px;
	color: #555
}

.brand a {
	color: #555;
	display: inline-block;
	vertical-align: top;
	padding: 0 10px
}

.brand a:hover {
	color: #0094de
}

.brand a:first-child {
	padding-left: 20px
}

@media screen and (max-width: 640px) {
	.brand {
		height: .4rem;
		line-height: .4rem
	}

	.brand a {
		padding: 0 .05rem
	}
}

.right-nav {
	display: block;
	overflow: hidden;
	z-index: 2222;
	position: fixed;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.right-nav li {
	margin-bottom: 4px
}

.right-nav .nav-top {
	cursor: pointer
}

.right-nav .nav-top .img img {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	margin-left: -11px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.right-nav a,.right-nav .nav-top {
	display: block;
	width: 82px;
	height: 89px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #E5E5E5;
	background: #FAFAFA
}

.right-nav a:hover .img,.right-nav .nav-top:hover .img {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	transform: rotateY(360deg);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	transition: all 2s ease
}

.right-nav a:hover span,.right-nav .nav-top:hover span {
	color: #0094de
}

.right-nav .img {
	width: 100%;
	height: 53px;
	position: relative
}

.right-nav .img:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	background-image: url(../images/icon-13.png);
	width: 14px;
	height: 2px;
	margin-left: -7px;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.right-nav .img img {
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	bottom: 9px
}

.right-nav span {
	display: block;
	line-height: 26px;
	font-size: 12px;
	color: #666;
	text-align: center;
	width: 100%;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease
}

@media screen and (max-width: 768px) {
	.right-nav {
		display: none
	}
}

.header {
	position: relative;
	width: 100%;
	height: 85px
}

@media screen and (max-width: 768px) {
	.header {
		height: .425rem
	}
}

.logo {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -850px
}

.logo img {
	height: 100%
}

@media screen and (max-width: 1720px) {
	.logo {
		left: 0;
		margin-left: 0
	}
}

@media screen and (max-width: 768px) {
	.logo {
		height: 90%;
		top: 5%;
		left: .15rem
	}
}

.nav {
	position: relative;
	width: 960px;
	margin: 0 auto;
	z-index: 2
}

.nav-en a {
	font-weight: bold
}

.nav>li {
	position: relative;
	padding: 24px 0;
	width: 135px;
	height: 85px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left
}

.nav>li>a {
	display: block;
	width: 100%;
	height: 37px;
	text-align: center;
	line-height: 37px;
	font-size: 15px;
	color: #333
}

.nav>li.on>a {
	background-color: #0094de;
	color: #fff
}

.nav>li:hover>a {
	color: #0094de
}

.nav>li:hover .sub {
	display: block
}

.nav>li:hover.on>a {
	color: #fff
}

.nav .sub {
	display: none;
	position: absolute;
	top: 85px;
	left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 20px 16px 10px rgba(0,0,0,0.4)
}

.nav .sub li {
	border-bottom: 1px solid #e5e5e5
}

.nav .sub a {
	display: block;
	width: 100%;
	line-height: 47px;
	text-align: center;
	font-size: 16px;
	color: #333
}

.nav .sub a:hover {
	background-color: #0094de;
	color: #fff
}

@media screen and (max-width: 1500px) {
	.nav {
		width: auto;
		margin: 0 280px 0 230px
	}

	.nav>li {
		width: 16.66667%
	}
}

@media screen and (max-width: 768px) {
	.nav {
		display: none
	}
}

.header-tools {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 620px
}

@media screen and (max-width: 1760px) {
	.header-tools {
		left: auto;
		margin-left: 0;
		right: 0
	}
}

@media screen and (max-width: 768px) {
	.header-tools {
		display: none
	}
}

.header-lang {
	float: left;
	padding: 24px 0;
	height: 85px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	z-index: 2
}

.header-lang-now {
	padding-left: 22px;
	background: url(../images/icon_1.png) left center no-repeat;
	line-height: 37px;
	font-size: 15px;
	color: #333
}

.header-lang ol {
	display: none;
	position: absolute;
	width: 130px;
	left: 0;
	background-color: #fff;
	top: 85px;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4)
}

.header-lang ol li {
	line-height: 47px
}

.header-lang ol li a {
	display: block;
	font-size: 16px;
	color: #333;
	padding-left: 27px
}

.header-lang ol li a:hover {
	background-color: #0094de;
	color: #fff
}

.header-lang:hover ol {
	display: block
}

.header-search {
	float: left;
	margin-left: 10px;
	padding: 24px 0;
	height: 85px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.header-search input {
	float: left;
	display: block
}

.header-search input[type="text"] {
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	width: 125px;
	font-size: 16px;
	color: #666;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff
}

.header-search input[type="submit"] {
	width: 35px;
	height: 37px;
	background: url(../images/icon_2.png) right center no-repeat;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	border: none
}

.header-mobile {
	display: none;
	position: absolute;
	top: 50%;
	right: .15rem;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.header-mobile>div {
	float: left
}

.header-mobile-lang {
	width: .25rem;
	height: .25rem;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	line-height: .25rem;
	margin-left: .1rem;
	font-size: .1rem;
	color: #fff;
	background-color: #0094de
}

.header-mobile-lang a {
	color: #fff
}

.header-mobile-nav-btn {
	font-size: .15rem
}

.header-mobile-nav-btn span {
	line-height: .25rem;
	color: #464646;
	display: block;
	float: left;
	margin-left: .035rem
}

.header-mobile-nav-btn-box {
	float: left;
	width: .25rem;
	height: .25rem;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	line-height: .25rem;
	margin-left: .1rem;
	background: #464646 url(../images/icon_5.png) center no-repeat;
	background-size: 100% 100%
}

@media screen and (max-width: 768px) {
	.header-mobile {
		display: block
	}
}

.nav-mobile-con {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 998;
	visibility: hidden
}

.nav-mobile-con-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.6)
}

.nav-mobile-con.open {
	visibility: visible
}

.nav-mobile-con.open .nav-mobile-header,.nav-mobile-con.open .nav-mobile-form {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.nav-mobile-con.open .nav-mobile-list {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

.nav-mobile-header {
	position: relative;
	height: .45rem;
	width: 100%;
	line-height: .45rem;
	background-color: #0094de;
	z-index: 2;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
	-webkit-transition: .5s ease all;
	-moz-transition: .5s ease all;
	transition: .5s ease all
}

.nav-mobile-header-back {
	font-size: .12rem;
	color: #fff;
	padding-left: .25rem
}

.nav-mobile-header-back:before {
	display: inline-block;
	vertical-align: top;
	height: .45rem;
	width: .2rem;
	background: url(../images/arrow_4.png) left center no-repeat;
	background-size: auto .15rem;
	content: ''
}

.nav-mobile-form {
	position: relative;
	padding: .1rem 0;
	background-color: #f4f4f4;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
	-webkit-transition: .5s ease all;
	-moz-transition: .5s ease all;
	transition: .5s ease all
}

.nav-mobile-form input[type="submit"] {
	float: right;
	width: .5rem;
	height: .22rem;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/icon_6.png) center no-repeat;
	background-size: auto 100%
}

.nav-mobile-form .text {
	margin-right: .5rem;
	border-right: 1px solid #c8c8c8;
	padding: 0 .1rem 0 .25rem
}

.nav-mobile-form input[type="text"] {
	width: 100%;
	height: .22rem;
	line-height: .22rem;
	font-size: .12rem;
	color: #666;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background: none
}

.nav-mobile-list {
	position: absolute;
	width: 2.2rem;
	top: .87rem;
	left: 0;
	bottom: 0;
	z-index: 3;
	background-color: #fff;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0;
	-webkit-transition: .5s ease all;
	-moz-transition: .5s ease all;
	transition: .5s ease all
}

.nav-mobile-list ul {
	padding: 0 .2rem 0 .25rem
}

.nav-mobile-list ul li {
	height: .41rem;
	line-height: .41rem;
	border-bottom: 1px solid #d9d9d9;
	font-size: .12rem
}

.nav-mobile-list ul li a {
	color: #333;
	display: block
}

.banner {
	position: relative;
	width: 100%
}

.banner .prev,.banner .next {
	position: absolute;
	width: 59px;
	height: 59px;
	top: 50%;
	margin-top: -30px;
	background: rgba(255,255,255,0.4) url(../images/arrow_1.png) center no-repeat;
	background-size: 100% 100%;
	border-radius: 50%;
	cursor: pointer;
	z-index: 3
}

.banner .prev {
	left: 80px
}

.banner .next {
	right: 80px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.banner .img {
	height: 822px;
	background-color: #fff;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
	.banner .prev {
		left: 20px
	}

	.banner .next {
		right: 20px
	}

	.banner .img {
		height: 680px
	}
}

.banner-mobile {
	display: none;
	width: 100%
}

.banner-mobile .img {
	padding-bottom: 60.83333%;
	background-color: #fff;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.banner-mobile .prev,.banner-mobile .next {
	position: absolute;
	width: .3rem;
	height: .3rem;
	top: 50%;
	margin-top: -.15rem;
	background: rgba(255,255,255,0.4) url(../images/arrow_1.png) center no-repeat;
	background-size: 100% 100%;
	border-radius: 50%;
	cursor: pointer;
	z-index: 3
}

.banner-mobile .prev {
	left: 10px
}

.banner-mobile .next {
	right: 10px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media screen and (max-width: 768px) {
	.banner {
		display: none
	}

	.banner-mobile {
		display: block
	}
}

.index-main {
	padding: 47px 0 60px;
	background-color: #fff
}

@media screen and (max-width: 640px) {
	.index-main {
		padding: .25rem 0 .2rem
	}
}

.type-list li {
	float: left;
	width: 583px;
	margin: 0 8.5px 17px
}

.type-list li a {
	display: block;
	width: 100%;
	height: 457px;
	position: relative;
	overflow: hidden
}

.type-list li a:after {
	display: block;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.2);
	z-index: 2
}

.type-list li .img {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: .8s ease all;
	-moz-transition: .8s ease all;
	transition: .8s ease all
}

.type-list li .t {
	width: 100%;
	position: absolute;
	z-index: 3;
	top: 50%;
	text-align: center;
	color: #fff;
	margin-top: -33px
}

.type-list li .t h6 {
	font-size: 28px;
	line-height: 40px
}

.type-list li .t p {
	font-size: 14px;
	font-family: 'Arial';
	line-height: 26px;
	text-transform: uppercase
}

.type-list li:hover a:after {
	display: none
}

.type-list li:hover .img {
	-webkit-transform: scale(1.03, 1.03);
	-moz-transform: scale(1.03, 1.03);
	-ms-transform: scale(1.03, 1.03);
	transform: scale(1.03, 1.03)
}

@media screen and (max-width: 1200px) {
	.type-list li {
		width: 50%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-left: 0;
		margin-right: 0;
		padding-left: 10px;
		padding-right: 10px
	}

	.type-list li a {
		height: 0;
		padding-bottom: 79.06574%
	}
}

@media screen and (max-width: 640px) {
	.type-list li {
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 10px
	}

	.type-list li .t {
		margin-top: 0;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.type-list li .t h6 {
		font-size: .14rem;
		line-height: .2rem
	}
}

.module-list li {
	float: left;
	width: 283px;
	margin: 0 8.5px 18px
}

.module-list li a {
	display: block;
	width: 100%;
	height: 234px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 15px 20px -3px rgba(210,210,210,0.63)
}

.module-list li a:after {
	display: block;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.2);
	z-index: 2
}

.module-list li .img {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: .8s ease all;
	-moz-transition: .8s ease all;
	transition: .8s ease all
}

.module-list li .t {
	width: 100%;
	position: absolute;
	z-index: 3;
	top: 50%;
	text-align: center;
	color: #fff;
	margin-top: -33px
}

.module-list li .t h6 {
	font-size: 28px;
	line-height: 40px
}

.module-list li .t p {
	font-size: 14px;
	font-family: 'Arial';
	line-height: 26px;
	text-transform: uppercase
}

.module-list li:hover a:after {
	display: none
}

.module-list li:hover .img {
	-webkit-transform: scale(1.03, 1.03);
	-moz-transform: scale(1.03, 1.03);
	-ms-transform: scale(1.03, 1.03);
	transform: scale(1.03, 1.03)
}

@media screen and (max-width: 1200px) {
	.module-list li {
		width: 25%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-left: 0;
		margin-right: 0;
		padding-left: 8px;
		padding-right: 8px
	}

	.module-list li a {
		height: 0;
		padding-bottom: 82.68551%
	}
}

@media screen and (max-width: 640px) {
	.module-list li {
		width: 50%;
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 10px
	}

	.module-list li .t {
		margin-top: 0;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.module-list li .t h6 {
		font-size: .14rem;
		line-height: .2rem
	}
}

.footer {
	padding: 60px 0 90px;
	background-color: #1a1a1a
}

.footer a:hover {
	text-decoration: underline
}

@media screen and (max-width: 640px) {
	.footer {
		padding: .3rem 0
	}
}

.footer-box {
	padding-bottom: 60px;
	border-bottom: 1px solid #313131
}

@media screen and (max-width: 640px) {
	.footer-box {
		padding-bottom: .15rem
	}
}

.footer-logo {
	float: left
}

.footer-logo img {
	height: 30px
}

@media screen and (max-width: 768px) {
	.footer-logo {
		display: none
	}
}

.footer-mall {
	float: right
}

.footer-mall a {
	display: block;
	float: left;
	margin-left: 8px
}

.footer-mall a:hover p {
	text-decoration: underline
}

.footer-mall img {
	display: block;
	margin: 0 auto 10px
}

.footer-mall p {
	font-size: 14px;
	color: #797979
}

.footer-mall .foot-erma {
	text-align: center;
	margin-top: 20px
}

.footer-mall .foot-erma img {
	width: 126px;
	height: 126px
}

@media screen and (max-width: 768px) {
	.footer-mall {
		float: none;
		margin: 0 auto .1rem;
		text-align: center
	}

	.footer-mall a {
		display: inline-block;
		float: none;
		margin: 0;
		padding: 0 10px;
		border-left: 1px solid #313131
	}

	.footer-mall a:first-child {
		border-left: none
	}
}

.footer-link {
	margin-left: 140px;
	margin-right: 210px
}

.footer-link dl {
	float: left;
	width: 16.66667%
}

.footer-link dt {
	padding-right: 10px;
	margin-bottom: 20px
}

.footer-link dt a {
	font-size: 16px;
	color: #fff
}

.footer-link dd {
	margin-bottom: 15px
}

.footer-link dd a {
	font-size: 14px;
	color: #797979
}

@media screen and (max-width: 768px) {
	.footer-link {
		float: none;
		margin: 0 .1rem
	}
}

@media screen and (max-width: 640px) {
	.footer-link {
		display: none
	}
}

.copyright {
	padding-top: 40px;
	text-align: center
}

.copyright .outside a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	color: #797979;
	padding: 0 20px;
	line-height: 30px
}

.copyright .outside a:before {
	display: block;
	width: 1px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
	content: '';
	background-color: #797979
}

.copyright .outside a:first-child:before {
	display: none
}

.copyright-p {
	text-align: center;
	font-size: 12px;
	color: #797979;
	line-height: 30px;
	text-transform: uppercase
}

.copyright-p a {
	color: #797979
}

@media screen and (max-width: 640px) {
	.copyright {
		padding-top: .15rem;
		padding-right: .1rem;
		padding-left: .1rem
	}

	.copyright .outside a {
		padding: 0 .075rem
	}
}

.share-box {
	text-align: center;
	padding-top: 20px
}

.share-box a {
	cursor: pointer;
	position: relative;
	display: inline-block;
	float: none;
	margin: 0 8px;
	width: 29px;
	height: 29px;
	background-position: center center;
	padding: 0;
	vertical-align: top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.share-box .tsina {
	background-image: url(../images/share_1.png)
}

.share-box .weixin {
	background-image: url(../images/share_2.png)
}

.share-box .weixin:hover .win-wx {
	display: block
}

.share-box .twitter {
	background-image: url(../images/share_3.png)
}

.share-box .facebook {
	background-image: url(../images/share_4.png)
}

.share-box .win-wx {
	display: none;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	margin-left: 14.5px;
	position: absolute;
	bottom: 0px;
	left: 0;
	color: #797979;
	font-size: 14px;
	padding-bottom: 50px
}

.share-box .win-wx .win-wx-box {
	position: relative;
	background-color: #FFF;
	padding: 10px;
	border-radius: 5px
}

.share-box .win-wx .win-wx-box:after {
	content: "";
	position: absolute;
	bottom: -9px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid white
}

.share-box .win-wx .img {
	margin: 0 auto 5px
}

.share-box .win-wx img {
	width: 126px;
	height: 126px
}

.share-box .win-wx p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 126px
}

.about-main {
	padding: 110px 0 130px;
	width: 1040px;
	margin: 0 auto;
	color: #666;
	line-height: 2;
	font-size: 13px
}

.about-main p {
	margin-bottom: 13px
}

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

.about-main ul {
	list-style: disc
}

.about-main ul li {
	list-style: disc
}

.about-main ol {
	list-style: decimal
}

.about-main ol li {
	list-style: decimal
}

@media screen and (max-width: 1040px) {
	.about-main {
		width: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: .1rem;
		padding-right: .1rem
	}
}

@media screen and (max-width: 640px) {
	.about-main {
		padding-top: .25rem;
		padding-bottom: .25rem
	}
}

.about-img {
	float: left;
	text-align: center
}

.about-img img {
	max-width: 100%
}

@media screen and (max-width: 800px) {
	.about-img {
		float: none;
		margin: 0 auto .15rem
	}
}

.about-article {
	margin-left: 510px;
	color: #666;
	line-height: 2;
	font-size: 13px
}

.about-article p {
	margin-bottom: 13px
}

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

.about-article ul {
	list-style: disc
}

.about-article ul li {
	list-style: disc
}

.about-article ol {
	list-style: decimal
}

.about-article ol li {
	list-style: decimal
}

.about-article h2 {
	font-size: 28px;
	color: #333;
	padding-bottom: 18px;
	border-bottom: 1px dashed #5b5b5b;
	margin-bottom: 20px
}

@media screen and (max-width: 800px) {
	.about-article {
		margin-left: 0
	}
}

.video {
	position: relative;
	max-width: 1005px;
	margin: 0 auto;
	margin-top: 20px;
	padding-left: .1rem;
	padding-right: .1rem
}

.video .my-video-dimensions,.video .vjs-has-started,.video .vjs-user-inactive {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: auto;
	padding-bottom: 56.25%
}

.video .video-js .vjs-big-play-button {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.video video {
	max-width: 100%;
	margin: 0 auto
}

.dealer-box {
	padding-top: 80px;
	padding-bottom: 95px
}

@media screen and (max-width: 640px) {
	.dealer-box {
		padding-top: .15rem;
		padding-bottom: .15rem
	}
}

.dealer-form {
	margin-bottom: 35px
}

@media screen and (max-width: 640px) {
	.dealer-form {
		margin-bottom: .15rem;
		margin-left: .1rem;
		margin-right: .1rem
	}
}

.dealer-select-box {
	float: left;
	width: 60%
}

@media screen and (max-width: 480px) {
	.dealer-select-box {
		float: none;
		width: 100%;
		margin-bottom: 5px
	}
}

.dealer-select-wp {
	float: left;
	width: 33.3333%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 5px;
	position: relative
}

.dealer-select-wp:first-child {
	padding-left: 0
}

.dealer-select-wp select {
	opacity: 0;
	z-index: 2
}

@media screen and (max-width: 480px) {
	.dealer-select-wp {
		float: none;
		width: 100%;
		padding-left: 0;
		margin-bottom: 5px
	}
}

.dealer-select {
	width: 100% !important;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 30px;
	height: 65px;
	line-height: 65px;
	font-size: 15px;
	color: #666
}

.dealer-select .customSelectInner {
	position: relative;
	width: 100% !important
}

.dealer-select .customSelectInner:after {
	display: block;
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-top: 8px solid #747474;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	top: 50%;
	margin-top: -4px;
	right: 20px
}

@media screen and (max-width: 640px) {
	.dealer-select {
		padding-left: .1rem
	}

	.dealer-select .customSelectInner:after {
		right: .1rem
	}
}

@media screen and (max-width: 480px) {
	.dealer-select {
		height: 40px;
		line-height: 40px
	}
}

.dealer-form-text {
	float: left;
	width: 20%;
	padding-left: 5px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.dealer-form-text-en {
	width: 80%
}

.dealer-form-text input[type="text"] {
	display: block;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 65px;
	line-height: 65px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 15px;
	padding: 0 20px
}

@media screen and (max-width: 640px) {
	.dealer-form-text input[type="text"] {
		padding: 0 .1rem
	}
}

@media screen and (max-width: 480px) {
	.dealer-form-text {
		float: none;
		width: 100%;
		padding-left: 0;
		margin-bottom: 5px
	}

	.dealer-form-text input[type="text"] {
		height: 40px;
		line-height: 40px
	}
}

.dealer-form-button {
	float: left;
	width: 20%;
	padding-left: 5px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.dealer-form-button input[type="submit"] {
	display: block;
	width: 100%;
	height: 65px;
	line-height: 65px;
	border: none;
	background-color: #0094de;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	-webkit-transition: .2s ease all;
	-moz-transition: .2s ease all;
	transition: .2s ease all
}

.dealer-form-button input[type="submit"]:hover {
	background-color: #00a5f8
}

@media screen and (max-width: 480px) {
	.dealer-form-button {
		float: none;
		width: 100%;
		padding-left: 0
	}

	.dealer-form-button input[type="submit"] {
		height: 40px;
		line-height: 40px
	}
}

.dealer-stores-box {
	float: left;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	height: 700px;
	width: 345px;
	position: relative;
	box-shadow: 0 31px 27px -21px #c6c6c6
}

@media screen and (max-width: 640px) {
	.dealer-stores-box {
		float: none;
		width: auto;
		margin: 0 .1rem .1rem;
		height: 402px
	}
}

.dealer-area-map {
	margin-left: 360px;
	padding: 12px;
	background-color: #fff;
	box-shadow: 0 31px 27px -21px #c6c6c6
}

.dealer-area-map>div {
	width: 100%;
	height: 678px
}

@media screen and (max-width: 640px) {
	.dealer-area-map {
		margin-left: 0
	}

	.dealer-area-map>div {
		height: 339px
	}
}

.dealer-stores-top {
	height: 56px;
	line-height: 56px;
	border-bottom: 1px dashed #dedede;
	padding-left: 20px;
	font-size: 15px;
	color: #646464
}

.dealer-stores-top span {
	font-weight: bold;
	color: #ef8243
}

.dealer-stores-btns {
	border-top: 1px solid #b7b7b7
}

.dealer-stores-btns>div {
	float: left;
	width: 50%;
	height: 64px;
	position: relative;
	color: #343434;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px solid #e0e0e0;
	cursor: pointer;
	-webkit-transition: .2s ease all;
	-moz-transition: .2s ease all;
	transition: .2s ease all
}

.dealer-stores-btns>div:first-child {
	border-left: none
}

.dealer-stores-btns>div:after {
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	border-top: 1px solid #444;
	border-right: 1px solid #444;
	content: '';
	top: 50%;
	left: 50%
}

.dealer-stores-prev {
	background-color: #cbcbcb
}

.dealer-stores-prev:after {
	-webkit-transform: rotate(-225deg) translate(0, 12px);
	-moz-transform: rotate(-225deg) translate(0, 12px);
	-ms-transform: rotate(-225deg) translate(0, 12px);
	transform: rotate(-225deg) translate(0, 12px)
}

.dealer-stores-prev:hover {
	background-color: #bebebe
}

.dealer-stores-next {
	background-color: #d2d2d2
}

.dealer-stores-next:after {
	-webkit-transform: rotate(-45deg) translate(-6px, -6px);
	-moz-transform: rotate(-45deg) translate(-6px, -6px);
	-ms-transform: rotate(-45deg) translate(-6px, -6px);
	transform: rotate(-45deg) translate(-6px, -6px)
}

.dealer-stores-next:hover {
	background-color: #c5c5c5
}

.dealer-stores-container {
	width: 100%;
	height: 578px
}

.dealer-stores-container .swiper-slide {
	border-bottom: 1px dashed #dedede;
	padding-left: 35px;
	padding-top: 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer
}

.dealer-stores-container .swiper-slide.on {
	background-color: #f9f9f9
}

.dealer-stores-container .swiper-slide.on .num {
	background-color: #0094de;
	color: #fff
}

.dealer-stores-container .num {
	float: left;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	text-align: center;
	line-height: 32px;
	background-color: #efefef;
	font-size: 14px;
	color: #333
}

.dealer-stores-container .info {
	margin-left: 50px;
	margin-right: 5px
}

.dealer-stores-container .info h4 {
	font-size: 18px;
	color: #333;
	line-height: 28px;
	max-height: 56px;
	margin-bottom: 10px;
	overflow: hidden
}

.dealer-stores-container .info .p {
	font-size: 13px;
	color: #777;
	line-height: 24px;
	max-height: 72px;
	overflow: hidden
}

@media screen and (max-width: 640px) {
	.dealer-stores-container {
		height: 289px
	}
}

.download-box {
	padding: 35px 0 95px;
	background-color: #f5f5f5
}

@media screen and (max-width: 640px) {
	.download-box {
		padding: .15rem 0 .2rem
	}
}

.download-list {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background-color: #fff;
	box-shadow: 0 25px 25px -15px rgba(0,0,0,0.1)
}

.download-list li {
	position: relative
}

.download-list li:after {
	position: absolute;
	display: block;
	content: '';
	background: url(../images/icon_3.png) center no-repeat;
	background-size: 100% 100%;
	width: 32px;
	height: 32px;
	top: 50%;
	margin-top: -16px;
	right: 35px
}

.download-list li:nth-child(2n) {
	background-color: #f8f8f8
}

.download-list li a {
	display: block;
	font-size: 13px;
	padding-left: 54px;
	padding-right: 80px;
	color: #777;
	height: 68px;
	line-height: 68px;
	overflow: hidden;
	-webkit-transition: .2s ease all;
	-moz-transition: .2s ease all;
	transition: .2s ease all
}

.download-list li a span {
	margin-right: 20px
}

.download-list li a:hover {
	color: #0094de;
	padding-left: 60px
}

@media screen and (max-width: 640px) {
	.download-list li:after {
		right: .1rem
	}

	.download-list li a {
		padding-left: .1rem;
		padding-right: .4rem
	}

	.download-list li a:hover {
		padding-left: .125rem
	}
}

.news-main {
	padding: 60px 0 50px;
	background-color: #f4f4f4
}

@media screen and (max-width: 640px) {
	.news-main {
		padding: .15rem 0 .2rem
	}
}

.news-info {
	background-color: #fff;
	padding: 60px 0 80px;
	margin-bottom: 25px
}

@media screen and (max-width: 640px) {
	.news-info {
		padding: .15rem 0 .2rem
	}
}

.news-title {
	max-width: 1005px;
	margin: 0 auto;
	border-bottom: 1px dashed #e6e6e6;
	text-align: center;
	padding-bottom: 25px
}

.news-title h2 {
	font-size: 30px;
	color: #333;
	margin-bottom: 10px
}

.news-title .tips {
	font-size: 14px;
	color: #333
}

@media screen and (max-width: 640px) {
	.news-title {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: .1rem;
		padding-right: .1rem
	}

	.news-title h2 {
		font-size: 20px
	}
}

.news-article {
	padding-top: 30px;
	font-size: 13px;
	line-height: 30px;
	color: #666;
	max-width: 1005px;
	margin: 0 auto;
	font-size: 14px
}

.news-article p {
	margin-bottom: 14px
}

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

.news-article ul {
	list-style: disc
}

.news-article ul li {
	list-style: disc
}

.news-article ol {
	list-style: decimal
}

.news-article ol li {
	list-style: decimal
}

@media screen and (max-width: 640px) {
	.news-article {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: .1rem;
		padding-right: .1rem
	}
}

.news-paged {
	background-color: #fff
}

.news-paged li {
	float: left;
	border-left: 1px solid #e5e5e5;
	width: 33.333%;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.news-paged a {
	display: block;
	text-align: center;
	height: 56px;
	line-height: 56px;
	overflow: hidden;
	font-size: 13px;
	color: #000
}

.news-paged a:hover {
	color: #0094de
}

.news-paged-prev a:before {
	display: inline-block;
	vertical-align: top;
	height: 56px;
	width: 10px;
	margin-right: 30px;
	background: url(../images/arrow_2.png) left center no-repeat;
	content: ''
}

.news-paged-list a:before {
	display: inline-block;
	vertical-align: top;
	height: 56px;
	width: 20px;
	margin-right: 20px;
	background: url(../images/icon_4.png) left center no-repeat;
	content: ''
}

.news-paged-next a:after {
	display: inline-block;
	vertical-align: top;
	height: 56px;
	width: 10px;
	margin-left: 30px;
	background: url(../images/arrow_3.png) right center no-repeat;
	content: ''
}

@media screen and (max-width: 640px) {
	.news-paged-prev a:before,.news-paged-list a:before {
		margin-right: .1rem
	}

	.news-paged-next a:after {
		margin-left: .1rem
	}
}

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

.news-list li a {
	display: block;
	background-color: #fff;
	padding: 20px;
	overflow: hidden
}

.news-list li a:hover .img {
	opacity: .8
}

.news-list li a:hover .time {
	background-color: #0094de
}

.news-list li a:hover h3 {
	text-indent: .5em;
	color: #0094de
}

.news-list li .img {
	float: left;
	width: 293px
}

.news-list li .img span {
	display: block;
	width: 100%;
	height: 196px;
	position: relative
}

.news-list li .img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.news-list li .time {
	margin-top: 45px;
	float: right;
	width: 100px;
	height: 100px;
	color: #fff;
	background-color: #555;
	text-align: center;
	font-family: "Arial";
	-webkit-transition: .2s ease all;
	-moz-transition: .2s ease all;
	transition: .2s ease all
}

.news-list li .date {
	font-size: 24px;
	padding-top: 25px
}

.news-list li .year {
	font-size: 14px
}

.news-list li .info {
	margin-left: 370px;
	margin-right: 170px;
	padding-top: 45px
}

.news-list li h3 {
	font-size: 20px;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	color: #333;
	margin-bottom: 10px;
	-webkit-transition: .5s ease all;
	-moz-transition: .5s ease all;
	transition: .5s ease all
}

.news-list li .p {
	font-size: 13px;
	line-height: 25px;
	height: 50px;
	overflow: hidden
}

@media screen and (max-width: 1024px) {
	.news-list li .info {
		margin-left: 330px
	}
}

@media screen and (max-width: 768px) {
	.news-list li .img {
		width: 200px
	}

	.news-list li .img span {
		height: 0;
		padding-bottom: 66.8942%
	}

	.news-list li .info {
		margin-left: 230px;
		padding-top: 20px;
		margin-right: 130px
	}

	.news-list li .time {
		margin-top: 20px
	}
}

@media screen and (max-width: 640px) {
	.news-list li {
		margin-bottom: .1rem
	}

	.news-list li .img {
		width: 120px
	}

	.news-list li .time {
		display: none
	}

	.news-list li .info {
		margin-right: 0;
		padding-top: 0;
		margin-left: 140px
	}

	.news-list li .info h3 {
		font-size: 14px;
		height: 20px;
		line-height: 20px;
		margin-bottom: 5px
	}
}

.join-box {
	padding: 30px 0 60px;
	min-height: 300px
}

@media screen and (max-width: 640px) {
	.join-box {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: .15rem .1rem
	}
}

.join-box p {
	font-size: 13px;
	line-height: 30px;
	color: #777
}

.join-list li {
	margin-bottom: 30px;
	background-color: #fff;
	min-height: 240px;
	display: table;
	padding: 20px 50px;
	box-shadow: 0 22px 20px -15px rgba(0,0,0,0.1);
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.join-list .tbc {
	display: table-cell;
	vertical-align: middle
}

.join-list .num {
	position: relative;
	width: 110px
}

.join-list .num:after {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -61px;
	height: 122px;
	content: '';
	background-color: #ccc;
	width: 1px
}

.join-list .num span {
	font-family: 'DidotBold';
	font-size: 72px;
	color: #0094de
}

.join-list .info {
	padding-left: 30px
}

.join-list h6 {
	font-size: 20px;
	color: #333;
	margin-bottom: 10px
}

.join-list .p {
	font-size: 13px;
	line-height: 30px;
	color: #777
}

@media screen and (max-width: 640px) {
	.join-list li {
		padding: 20px .25rem;
		display: block
	}

	.join-list .tbc {
		display: block
	}

	.join-list .num {
		border-bottom: 1px solid #ccc;
		width: 100%;
		margin-bottom: 10px
	}

	.join-list .num:after {
		display: none
	}

	.join-list .num span {
		font-size: .36rem
	}

	.join-list .info {
		padding-left: 0
	}
}

.inside-main {
	background-color: #FFFFFF
}

.f5-bg {
	background-color: #FFFFFF
}

.fff-bg {
	background-color: #FFFFFF
}

.product-swiper-con {
	padding: 110px 0;
	background-color: #fff
}

@media screen {
	.product-swiper-con {
		padding: .25rem 0
	}
}

.product-swiper-big {
	margin-bottom: 60px
}

.product-swiper-big .img {
	width: 100%;
	height: 660px;
	position: relative
}

.product-swiper-big .img img {
	position: absolute;
	display: block;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@media screen and (max-width: 1200px) {
	.product-swiper-big .img {
		height: auto;
		padding-bottom: 55%
	}
}

.product-swiper-small .img {
	width: 100%;
	height: 140px;
	position: relative;
	border-left: 1px dashed #b8b8b8
}

.product-swiper-small .img img {
	position: absolute;
	display: block;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.product-swiper-small .swiper-slide {
	cursor: pointer
}

.product-swiper-small .swiper-slide:first-child .img {
	border-left: 1px dashed #b8b8b8
}

@media screen and (max-width: 640px) {
	.product-swiper-small .img {
		height: 0;
		padding-bottom: 55%
	}
}

.product-swiper-prev {
	width: 55px;
	height: 55px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -27px 0 0 -600px;
	background: #0094de url(../images/arrow_5.png) center no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	z-index: 3;
	border-radius: 50%;
	-webkit-transition: .2s ease all;
	-moz-transition: .2s ease all;
	transition: .2s ease all
}

.product-swiper-prev:hover {
	background-color: #00a5f8
}

@media screen and (max-width: 1200px) {
	.product-swiper-prev {
		margin-left: 0;
		left: 0
	}
}

@media screen and (max-width: 640px) {
	.product-swiper-prev {
		margin-top: 0;
		width: .275rem;
		height: .275rem;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}

.product-swiper-next {
	width: 55px;
	height: 55px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -27px 0 0 545px;
	background: #0094de url(../images/arrow_5.png) center no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	z-index: 3;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	border-radius: 50%;
	-webkit-transition: .2s ease all;
	-moz-transition: .2s ease all;
	transition: .2s ease all
}

.product-swiper-next:hover {
	background-color: #00a5f8
}

@media screen and (max-width: 1200px) {
	.product-swiper-next {
		margin-left: 0;
		left: auto;
		right: 0
	}
}

@media screen and (max-width: 640px) {
	.product-swiper-next {
		margin-top: 0;
		width: .275rem;
		height: .275rem;
		-webkit-transform: translateY(-50%) rotate(180deg);
		-moz-transform: translateY(-50%) rotate(180deg);
		-ms-transform: translateY(-50%) rotate(180deg);
		transform: translateY(-50%) rotate(180deg)
	}
}

.product-des {
	background: #FFF;
	padding: 40px 0 60px
}

.product-des-t {
	font-size: 24px;
	color: #333;
	padding-top: 30px;
	padding-bottom: 30px
}

.product-des-t span {
	font-size: 14px;
	font-family: 'Arial';
	color: #777;
	text-transform: uppercase
}

@media screen and (max-width: 1200px) {
	.product-des-t {
		padding-left: .1rem;
		padding-right: .1rem;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
}

.product-des-p {
	margin-top: 15px;
	font-size: 14px;
	line-height: 36px;
	color: #555;
	font-size: 14px
}

.product-des-p p {
	margin-bottom: 14px
}

.product-des-p img {
	max-width: 100%;
	height: auto !important
}

.product-des-p ul {
	list-style: disc
}

.product-des-p ul li {
	list-style: disc
}

.product-des-p ol {
	list-style: decimal
}

.product-des-p ol li {
	list-style: decimal
}

@media screen and (max-width: 1200px) {
	.product-des {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-right: .1rem;
		padding-left: .1rem
	}

	.product-des-p {
		padding-right: .1rem;
		padding-left: .1rem
	}
}

@media screen and (max-width: 640px) {
	.product-des {
		padding: .4rem 0px
	}

	.product-des-p {
		padding-right: .1rem;
		padding-left: .1rem
	}

	.product-des-t {
		padding-top: 15px;
		padding-bottom: 15px
	}
}

.product-des-swiper {
	padding-top: 15px;
	padding-bottom: 15px
}

.product-des-swiper,.product-des-swiper2 {
	width: 100%;
	position: relative
}

.product-des-swiper .product-des-t,.product-des-swiper2 .product-des-t {
	margin-top: 15px;
	padding-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 15px
}

.product-des-swiper-t,.product-des-swiper2-t {
	position: absolute;
	width: 240px;
	height: 105px;
	background-color: rgba(2,142,212,0.9);
	text-align: center;
	color: #fff;
	display: table;
	top: 0;
	left: 50%;
	margin-left: -600px;
	z-index: 3
}

.product-des-swiper-t .tbc,.product-des-swiper2-t .tbc {
	display: table-cell;
	vertical-align: middle
}

.product-des-swiper-t .cn,.product-des-swiper2-t .cn {
	font-size: 24px
}

.product-des-swiper-t .en,.product-des-swiper2-t .en {
	font-size: 14px;
	font-family: 'Arial';
	text-transform: uppercase
}

.product-des-swiper .img,.product-des-swiper2 .img {
	width: 100%;
	padding-bottom: 66.86869%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.product-des-swiper-prev,.product-des-swiper-next,.product-des-swiper2-prev,.product-des-swiper2-next {
	position: absolute;
	width: 59px;
	height: 59px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #0094de;
	background-image: url(../images/arrow_5.png);
	background-size: 100% 100%;
	border-radius: 50%;
	top: 50%;
	margin-top: -30px;
	z-index: 4;
	cursor: pointer;
	-webkit-transition: .2s ease all;
	-moz-transition: .2s ease all;
	transition: .2s ease all
}

.product-des-swiper-prev:hover,.product-des-swiper-next:hover,.product-des-swiper2-prev:hover,.product-des-swiper2-next:hover {
	background-color: #00a5f8
}

.product-des-swiper-prev,.product-des-swiper2-prev {
	left: -105px
}

.product-des-swiper-next,.product-des-swiper2-next {
	right: -105px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media screen and (max-width: 1200px) {
	.product-des-swiper-t,.product-des-swiper2-t {
		margin-left: 0;
		left: 0
	}

	.product-des-swiper-prev,.product-des-swiper2-prev {
		left: 1%
	}

	.product-des-swiper-next,.product-des-swiper2-next {
		right: 1%
	}
}

@media screen and (max-width: 800px) {
	.product-des-swiper-t,.product-des-swiper2-t {
		width: 1.2rem;
		height: .525rem
	}
}

@media screen and (max-width: 640px) {
	.product-des-swiper-prev,.product-des-swiper-next,.product-des-swiper2-prev,.product-des-swiper2-next {
		width: .295rem;
		height: .295rem;
		margin-top: 0;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.product-des-swiper-next,.product-des-swiper2-next {
		-webkit-transform: translateY(-50%) rotate(180deg);
		-moz-transform: translateY(-50%) rotate(180deg);
		-ms-transform: translateY(-50%) rotate(180deg);
		transform: translateY(-50%) rotate(180deg)
	}

	.product-des-swiper-t .cn,.product-des-swiper2-t .cn {
		font-size: 16px
	}
}

.product-des-swiper2 .img {
	width: 100%;
	padding-bottom: 44.94792%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.product-des-swiper2-prev,.product-des-swiper2-next {
	background-color: rgba(255,255,255,0.5);
	background-image: url(../images/arrow_1.png)
}

.product-des-swiper2-prev:hover,.product-des-swiper2-next:hover {
	background-color: rgba(255,255,255,0.5)
}

.product-des-swiper2-prev {
	left: 60px
}

.product-des-swiper2-next {
	right: 60px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media screen and (max-width: 1200px) {
	.product-des-swiper2-prev {
		left: 1%
	}

	.product-des-swiper2-next {
		right: 1%
	}
}

@media screen and (max-width: 640px) {
	.product-des-swiper2-prev,.product-des-swiper2-next {
		width: .295rem;
		height: .295rem;
		margin-top: 0;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.product-des-swiper2-next {
		-webkit-transform: translateY(-50%) rotate(180deg);
		-moz-transform: translateY(-50%) rotate(180deg);
		-ms-transform: translateY(-50%) rotate(180deg);
		transform: translateY(-50%) rotate(180deg)
	}
}

.specification {
	background: #FFF;
	padding: 60px 0
}

.specification-t {
	font-size: 24px;
	color: #000;
	padding-top: 30px;
	padding-bottom: 30px
}

.specification-t span {
	font-size: 14px;
	color: #777;
	font-family: 'Arial';
	text-transform: uppercase
}

.specification-col {
	float: left;
	width: 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.specification-col:first-child {
	padding-right: 30px
}

.specification-col:last-child {
	padding-left: 30px
}

.specification-col li {
	list-style: none;
	padding: 10px 0;
	line-height: 20px;
	font-size: 14px;
	border-bottom: 1px solid #b2b2b2;
	color: #777
}

.specification-col li span {
	font-size: 16px;
	color: #333
}

.specification-col-disc li {
	list-style: disc
}

@media screen and (max-width: 1200px) {
	.specification {
		padding-right: .1rem;
		padding-left: .1rem
	}

	.specification-t {
		padding-left: .1rem
	}
}

@media screen and (max-width: 640px) {
	.specification {
		padding: .3rem .1rem
	}

	.specification-col {
		width: 100%
	}

	.specification-col:first-child {
		padding-right: 0
	}

	.specification-col:last-child {
		padding-left: 0
	}

	.specification-t {
		padding-bottom: 15px;
		padding-top: 15px
	}
}

.geometry {
	background: #FFF;
	padding: 75px 0 95px
}

.geometry-t {
	font-size: 24px;
	color: #000;
	padding-top: 30px;
	padding-bottom: 30px
}

.geometry-t span {
	font-size: 14px;
	font-family: 'Arial';
	color: #777;
	text-transform: uppercase
}

.geometry-slide {
	float: left;
	width: 460px;
	max-width: 100%
}

.geometry-slide .hd {
	margin-bottom: 20px
}

.geometry-slide .hd li {
	display: inline-block;
	vertical-align: top;
	width: 78px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	font-size: 18px;
	font-family: 'Arial';
	color: #333;
	cursor: pointer;
	background-color: #fff;
	margin-right: 5px
}

.geometry-slide .hd li.on {
	color: #fff;
	background-color: #0094de
}

.geometry-slide .box {
	display: none
}

.geometry-slide .box li {
	font-size: 16px;
	color: #333;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #dcdcdc
}

.geometry-slide .box li .param {
	float: right
}

.geometry-slide .box li .key span {
	display: inline-block;
	vertical-align: top;
	width: 40px
}

.geometry-img {
	float: right
}

.geometry-img img {
	max-width: 100%
}

@media screen and (max-width: 1200px) {
	.geometry {
		padding-right: .1rem;
		padding-left: .1rem
	}

	.geometry-t {
		padding-left: .1rem
	}
}

@media screen and (max-width: 1100px) {
	.geometry-slide {
		float: none;
		margin: 0 auto
	}

	.geometry-img {
		float: none;
		margin: 0 auto;
		text-align: center
	}
}

@media screen and (max-width: 640px) {
	.geometry {
		padding: .375rem .1rem .475rem
	}

	.geometry-t {
		padding-top: 15px;
		padding-bottom: 15px
	}
}

.product-other {
	background: #F5F5F5;
	padding: 40px 0 60px
}

.product-other-t {
	font-size: 24px;
	color: #000;
	width: 1280px;
	max-width: 100%;
	margin: 0px auto 30px
}

.product-other-t span {
	font-size: 14px;
	color: #777;
	font-family: 'Arial';
	text-transform: uppercase
}

.product-other-list {
	width: 1312px;
	max-width: 100%;
	margin: 0 auto
}

.product-other-list li {
	float: left;
	width: 296px;
	margin: 0 16px
}

.product-other-list li a {
	background-color: #fff;
	display: block;
	padding: 20px 0;
	box-shadow: 0 10px 10px -5px rgba(0,0,0,0.1);
	border-bottom: 1px solid #dadada;
	-webkit-transition: .5s ease all;
	-moz-transition: .5s ease all;
	transition: .5s ease all
}

.product-other-list li a:hover {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	box-shadow: 0 20px 20px -5px rgba(0,0,0,0.1)
}

.product-other-list li a:hover .p {
	color: #0094de
}

.product-other-list li .img {
	position: relative;
	width: 100%;
	height: 200px
}

.product-other-list li .img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.product-other-list li .p {
	text-align: center;
	margin: 30px 0;
	font-size: 14px;
	color: #444;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	-webkit-transition: .5s ease all;
	-moz-transition: .5s ease all;
	transition: .5s ease all
}

@media screen and (max-width: 1312px) {
	.product-other-list li {
		width: 25%;
		margin: 0 0 20px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 .05rem
	}

	.product-other-list li .img {
		height: 0;
		padding-bottom: 67.56757%
	}
}

@media screen and (max-width: 1200px) {
	.product-other-t {
		padding-right: .1rem;
		padding-left: .1rem;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
}

@media screen and (max-width: 640px) {
	.product-other {
		padding: .3rem 0
	}
}

@media screen and (max-width: 480px) {
	.product-other-list li {
		width: 50%
	}
}

.technology {
	padding: 65px 0 100px;
	background-color: #2e2e2e
}

.technology-t {
	font-size: 24px;
	color: #fff;
	margin-bottom: 60px
}

.technology-t span {
	font-size: 14px;
	font-family: 'Arial';
	text-transform: uppercase
}

.technology-item {
	float: left;
	width: 20%;
	border-left: 1px solid #414141;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.technology-item.on .technology-img-f {
	display: none
}

.technology-item.on .technology-img-b {
	display: block
}

.technology-img {
	width: 100%;
	cursor: pointer
}

.technology-img img {
	width: 100%
}

.technology-img-f {
	display: block
}

.technology-img-b {
	display: none
}

.technology-info {
	display: none
}

.technology-info-img {
	float: left;
	width: 50%;
	height: 322px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.technology-info-box {
	float: left;
	width: 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 4.16667%
}

.technology-info-box h6 {
	font-size: 26px;
	color: #333;
	max-width: 400px;
	margin: 0 auto 15px
}

.technology-info-box .p {
	font-size: 13px;
	line-height: 30px;
	max-width: 400px;
	margin: 0 auto;
	color: #666
}

@media screen and (max-width: 1200px) {
	.technology-t {
		padding-right: .1rem;
		padding-left: .1rem;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
}

@media screen and (max-width: 800px) {
	.technology-item {
		width: 25%
	}

	.technology-info-box {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: .05rem;
		padding-right: .05rem
	}
}

@media screen and (max-width: 640px) {
	.technology {
		padding: .3rem 0;
		margin-bottom: .3rem
	}

	.technology-item {
		width: 33.333%
	}

	.technology-t {
		margin-bottom: .15rem
	}
}

@media screen and (max-width: 480px) {
	.technology-item {
		width: 50%
	}

	.technology-info-img {
		width: 100%;
		height: 0;
		padding-bottom: 53.66667%
	}

	.technology-info-box {
		width: 100%;
		padding-top: .15rem;
		padding-bottom: .15rem
	}

	.technology-info-box h6 {
		font-size: 20px;
		max-width: none
	}

	.technology-info-box .p {
		max-width: none
	}
}

.technology-item-des {
	float: left;
	width: 100%;
	background-color: #fff;
	display: none
}

.equipment-main {
	padding: 35px 0 65px;
	background-color: #f5f5f5
}

@media screen and (max-width: 800px) {
	.equipment-main {
		padding: .175rem 0 .325rem
	}
}

.equipment-list {
	width: 1510px;
	max-width: 100%;
	margin: 0 auto
}

.equipment-list li {
	float: left;
	width: 288px;
	margin: 0 7px 40px
}

.equipment-list li a {
	background-color: #fff;
	display: block;
	padding: 20px 0;
	box-shadow: 0 10px 10px -5px rgba(0,0,0,0.1);
	border-bottom: 1px solid #dadada;
	-webkit-transition: .5s ease all;
	-moz-transition: .5s ease all;
	transition: .5s ease all
}

.equipment-list li a:hover {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	box-shadow: 0 20px 20px -5px rgba(0,0,0,0.1)
}

.equipment-list li a:hover .p {
	color: #0094de
}

.equipment-list li .img {
	position: relative;
	width: 100%;
	height: 220px
}

.equipment-list li .img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.equipment-list li .p {
	text-align: center;
	margin: 30px 0 80px;
	font-size: 15px;
	color: #444;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	-webkit-transition: .5s ease all;
	-moz-transition: .5s ease all;
	transition: .5s ease all
}

@media screen and (max-width: 1510px) {
	.equipment-list li {
		width: 20%;
		padding: 0 7px;
		margin: 0 0 40px;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.equipment-list li .img {
		height: 0;
		padding-bottom: 76.38889%
	}
}

@media screen and (max-width: 1366px) {
	.equipment-list li {
		width: 25%
	}
}

@media screen and (max-width: 1024px) {
	.equipment-list li .p {
		margin: 30px 0 40px
	}
}

@media screen and (max-width: 800px) {
	.equipment-list li {
		width: 33.333%
	}
}

@media screen and (max-width: 480px) {
	.equipment-list li {
		width: 50%;
		margin-bottom: .2rem
	}

	.equipment-list li .p {
		margin: .15rem 0
	}
}

.inside-selector {
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	position: relative
}

.inside-selector-line {
	position: relative;
	border-top: 1px solid #e5e5e5
}

.inside-selector-line:first-child {
	border-top: none;
	display: block
}

@media screen and (max-width: 768px) {
	.inside-selector-line {
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.inside-selector-line:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 20px;
		opacity: .4;
		background: url(../images/arrow_2.png) no-repeat center center
	}

	.inside-selector-line:before {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 20px;
		opacity: .4;
		background: url(../images/arrow_3.png) no-repeat center center
	}
}

.selector-scroll {
	position: relative;
	height: 60px;
	line-height: 60px;
	overflow: hidden
}

.selector-scroll .wp {
	position: absolute;
	top: 0;
	left: 0
}

.selector-scroll li {
	float: left
}

.selector-scroll li a {
	display: inline-block;
	vertical-align: top;
	padding: 0 30px;
	font-size: 15px;
	color: #666;
	position: relative
}

.selector-scroll li a:before {
	position: absolute;
	display: block;
	width: 1px;
	height: 10px;
	top: 50%;
	left: 0;
	margin-top: -5px;
	background-color: #d9d9d9;
	content: ''
}

.selector-scroll li a:hover {
	color: #0094de
}

.selector-scroll li:first-child a:before {
	display: none
}

.selector-scroll li.on a {
	color: #0094de
}

.selector-scroll-type li.on a {
	background-color: #0094de;
	color: #fff
}

.selector-scroll-type li.on a:before {
	display: none
}

.bicycle-list {
	width: 1544px;
	max-width: 100%;
	margin: 0 auto
}

.bicycle-list li {
	float: left;
	width: 340px;
	margin: 0 23px 40px
}

.bicycle-list li a {
	background-color: #fff;
	display: block;
	box-shadow: 0 10px 10px -5px rgba(0,0,0,0.1);
	border-bottom: 1px solid #dadada;
	-webkit-transition: .5s ease all;
	-moz-transition: .5s ease all;
	transition: .5s ease all
}

.bicycle-list li a:hover {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	box-shadow: 0 20px 20px -5px rgba(0,0,0,0.1)
}

.bicycle-list li a:hover .p {
	color: #0094de
}

.bicycle-list li .img {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 67.56757%
}

.bicycle-list li .img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.bicycle-list li .p {
	text-align: center;
	margin: 25px 0;
	font-size: 15px;
	color: #444;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	-webkit-transition: .5s ease all;
	-moz-transition: .5s ease all;
	transition: .5s ease all
}

@media screen and (max-width: 1544px) {
	.bicycle-list li {
		width: 25%;
		padding: 0 20px;
		margin: 0 0 40px;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
}

@media screen and (max-width: 1366px) {
	.bicycle-list li {
		padding: 0 15px
	}
}

@media screen and (max-width: 1024px) {
	.bicycle-list li {
		padding: 0 10px
	}

	.bicycle-list li .p {
		margin: 20px 0
	}
}

@media screen and (max-width: 1024px) {
	.bicycle-list li {
		width: 33.333%
	}
}

@media screen and (max-width: 480px) {
	.bicycle-list li {
		width: 50%;
		padding: 0 5px;
		margin-bottom: .2rem
	}

	.bicycle-list li .p {
		margin: .1rem 0
	}
}

.video1 .img:after {
	opacity: 0;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/player.png) rgba(0,0,0,0.2) no-repeat center center;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.video1 .img:hover:after {
	opacity: 1
}

.firend-main {
	padding: 60px 0 130px;
	max-width: 1200px;
	margin: 0 auto;
	color: #666;
	line-height: 2;
	font-size: 13px
}

.firend-main p {
	margin-bottom: 13px
}

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

.firend-main ul {
	list-style: disc
}

.firend-main ul li {
	list-style: disc
}

.firend-main ol {
	list-style: decimal
}

.firend-main ol li {
	list-style: decimal
}

@media screen and (max-width: 1040px) {
	.firend-main {
		width: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: .1rem;
		padding-right: .1rem
	}
}

@media screen and (max-width: 640px) {
	.firend-main {
		padding-top: .25rem;
		padding-bottom: .25rem
	}
}

.firend-main h2 {
	text-align: center;
	font-size: 28px;
	color: #333;
	padding-bottom: 18px;
	margin-bottom: 20px
}

.firend-main .firend-article {
	font-size: 0
}

.firend-main .firend-article li {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	padding: 0 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 30px
}

@media screen and (max-width: 950px) {
	.firend-main .firend-article li {
		width: 25%
	}
}

@media screen and (max-width: 768px) {
	.firend-main .firend-article li {
		width: 33.33%;
		padding: 0 7.5px;
		margin-bottom: 15px
	}
}

@media screen and (max-width: 600px) {
	.firend-main .firend-article li {
		width: 50%;
		padding: 0 5px;
		margin-bottom: 10px
	}
}

.firend-main .firend-article li a {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 53.24074%;
	background: #FFF;
	overflow: hidden
}

.firend-main .firend-article li a img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.firend-main .firend-article li a img:hover {
	-webkit-transform: translate(-50%, -50%) scale(1.1, 1.1);
	-moz-transform: translate(-50%, -50%) scale(1.1, 1.1);
	-ms-transform: translate(-50%, -50%) scale(1.1, 1.1);
	transform: translate(-50%, -50%) scale(1.1, 1.1)
}

.job-main,.job_info {
	padding: 60px 0 130px;
	max-width: 1200px;
	margin: 0 auto;
	color: #666;
	line-height: 2;
	font-size: 13px
}

.job-main p,.job_info p {
	margin-bottom: 13px
}

.job-main img,.job_info img {
	max-width: 100%;
	height: auto !important
}

.job-main ul,.job_info ul {
	list-style: disc
}

.job-main ul li,.job_info ul li {
	list-style: disc
}

.job-main ol,.job_info ol {
	list-style: decimal
}

.job-main ol li,.job_info ol li {
	list-style: decimal
}

@media screen and (max-width: 1040px) {
	.job-main,.job_info {
		width: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: .1rem;
		padding-right: .1rem
	}
}

@media screen and (max-width: 640px) {
	.job-main,.job_info {
		padding-top: .25rem;
		padding-bottom: .25rem
	}
}

.job-main h2,.job_info h2 {
	text-align: center;
	font-size: 28px;
	color: #333;
	padding-bottom: 18px;
	margin-bottom: 20px
}

.job-main ul li,.job_info ul li {
	list-style: none
}

.job-page {
	padding-top: 34px;
	padding-bottom: 34px;
	background-color: #f7f4f0
}

.job-page .box {
	display: block;
	background-color: #fff;
	margin-bottom: 17px;
	box-shadow: 0 12px 30px -15px #ccc;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease
}

.job-page .box:hover {
	-webkit-transform: translate3d(0, -2px, 0);
	-moz-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	box-shadow: 0 10px 20px rgba(0,0,0,0.1)
}

.job-page .box-hd {
	border: 1px solid #e5e5e5
}

.job-page .box-hd .name {
	float: left;
	height: 75px;
	line-height: 75px;
	font-size: 16px
}

.job-page .box-hd .name01 {
	padding-left: 4%;
	width: 27%
}

.job-page .box-hd .name02 {
	padding-left: 5px;
	width: 21%
}

.job-page .box-hd .name03 {
	padding-left: 5px;
	width: 20%
}

.job-page .box-hd .name04 {
	padding-left: 5px
}

.job-page .box-hd .icon {
	cursor: pointer;
	float: right;
	width: 75px;
	height: 75px;
	background-image: url("../images/job-icon01.png");
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.job-page .box-bd {
	display: none;
	position: relative;
	padding: 45px 70px 60px 85px
}

.job-page .box-bd .item01 {
	float: left;
	width: 41%;
	padding-right: 35px
}

.job-page .box-bd .item02 {
	float: left;
	width: 59%;
	padding-left: 55px
}

.job-page .box-bd h4 {
	color: #ef8243;
	font-size: 22px;
	padding-top: 10px;
	padding-bottom: 20px
}

.job-page .box-bd .item-desc {
	text-align: justify
}

.job-page .box-bd .item-desc p {
	line-height: 2.2;
	font-size: 14px;
	color: #555
}

.job-page .box-bd .line {
	position: absolute;
	top: 45px;
	bottom: 40px;
	left: 44%;
	border-left: 1px dashed #969696
}

@media (max-width: 997px) {
	.job-page .box {
		margin-left: 12px;
		margin-right: 12px
	}

	.job-page .box-hd .name {
		font-size: .15rem;
		height: 50px;
		line-height: 50px
	}

	.job-page .box-hd .name01 {
		padding-left: 6%;
		width: 82%;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.job-page .box-hd .name02 {
		display: none
	}

	.job-page .box-hd .name03 {
		display: none
	}

	.job-page .box-hd .name04 {
		display: none
	}

	.job-page .box-hd .icon {
		width: 50px;
		height: 50px
	}

	.job-page .box-bd {
		padding: 15px
	}

	.job-page .box-bd .item01 {
		float: none;
		width: 100%;
		padding-right: 0
	}

	.job-page .box-bd .item02 {
		float: none;
		width: 100%;
		padding-left: 0
	}

	.job-page .box-bd h4 {
		padding-bottom: 10px
	}

	.job-page .box-bd .line {
		display: none
	}
}

.job-box {
	width: 100%;
	padding: 20px 50px 50px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFF;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	margin-bottom: 20px
}

.job-box h1 {
	padding-left: 10px;
	font-size: 22px;
	line-height: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd
}

.job-box h3 {
	font-size: 18px;
	line-height: 36px;
	padding-top: 10px;
	padding-bottom: 10px
}

.job-box p {
	margin-bottom: 0
}

.job-box .btn {
	margin-top: 20px;
	display: block;
	background: #0094de;
	border-radius: 3px;
	width: 155px;
	padding: 0 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 46px;
	color: #FFF;
	font-size: 14px;
	line-height: 46px;
	text-align: center;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.job-box .btn span {
	padding-left: 30px;
	position: relative
}

.job-box .btn span:before {
	content: "";
	position: absolute;
	top: -4px;
	left: 0;
	background: url(../images/job.png);
	background-size: 100% 100%;
	width: 25px;
	height: 26px
}

.job-box .btn:hover {
	opacity: .8
}

.job-box2 {
	padding: 5px 10px 0px 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width: 640px) {
	.job-box {
		width: 100%;
		padding: .15rem .1rem 0.2rem;
		background-color: #FFF
	}

	.job-box h1 {
		font-size: 20px;
		line-height: 26px;
		padding-bottom: .15rem
	}
}

/*# sourceMappingURL=maps/style.css.map */

/*# sourceMappingURL=maps/style.css.map */