input[type='text']:-webkit-autofill {
box-shadow:0 0 0 1000px #fff inset
}
[class*=' icon-'], [class^=icon-] {
font-family:"iconfont";
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-style:normal;
font-variant:normal;
line-height:1;
speak:none;
text-transform:none
}
input[type=text]::-ms-clear, input[type=tel]::-ms-clear, input[type=number]::-ms-clear {
display:none
}
.hide {
	display:none
}
.show {
	display:block
}
.wow {
	visibility:hidden
}
.no-cssanimations .wow {
	visibility:visible
}
.mt-10 {
	margin-top:10px
}
.mt-20 {
	margin-top:20px
}
.mt-30 {
	margin-top:30px
}
.mt-40 {
	margin-top:40px
}
.mt-50 {
	margin-top:50px
}
.mt-60 {
	margin-top:60px
}
.mt-70 {
	margin-top:70px
}
.mt-80 {
	margin-top:80px
}
.mt-90 {
	margin-top:90px
}
.mt-100 {
	margin-top:100px
}
.mt-110 {
	margin-top:84px
}
.mt-120 {
	margin-top:120px
}
.mt-140 {
	margin-top:140px
}
@media (max-width: 1480px) {
.mt-50 {
margin-top:3.37838vw
}
.mt-60 {
margin-top:4.05405vw
}
.mt-70 {
margin-top:4.72973vw
}
.mt-80 {
margin-top:5.40541vw
}
.mt-90 {
margin-top:6.08108vw
}
.mt-100 {
margin-top:6.75676vw
}
.mt-110 {
margin-top:7.43243vw
}
.mt-120 {
margin-top:8.10811vw
}
.mt-140 {
margin-top:9.45946vw
}
}
@media (max-width: 768px) {
.mt-50 {
margin-top:25px
}
.mt-60 {
margin-top:30px
}
.mt-70 {
margin-top:35px
}
.mt-80 {
margin-top:40px
}
.mt-90 {
margin-top:45px
}
.mt-100 {
margin-top:50px
}
.mt-110 {
margin-top:55px
}
.mt-120 {
margin-top:60px
}
.mt-140 {
margin-top:70px
}
}
.text-right {
	text-align:right
}
.text-left {
	text-align:left
}
.text-center {
	text-align:center
}
.d-inline-block {
	display:inline-block
}
.d-none {
	display:none
}
.d-block {
	display:block
}
.ov-h {
	padding-bottom: 60px;
	overflow:hidden;
	
}
.contact-map .BMapLabel {
	border:0
}
.contact-map .anchorBL {
	display:none
}
.header-share::after, .footer-code-img, .slider-nav-btn::before, .slider-nav-btn::after, .join-item, .history-item::before, .history-item::after, .history-item__year::before, .history-item__desc, .history-item__img::after, .history-item__circle, .phi-item__txt, .phi-item_bg, .video-close, .btn-play, .video-item__name::before, .mall-item, .mall-item::after, .announce-item, .as-item, .as-item__title::before, .as-item__title::after, .integral-item, .integral-item__bg, .discount-item, .process-item__num, .guide-item, .guide-item__bg, .guide-intro dt::before, .jp-item__num, .store-pager .pages li {
-moz-transition:all .3s;
-o-transition:all .3s;
-webkit-transition:all .3s;
transition:all .3s
}
.header-share, .header-lang a, .subMenu-link, .footer-icp, .footer-sns a, .footer-gotop, .history-item__year, .phi-item__info, .core-item, .news-item__date, .news-item__title, .detail-social a, .detail-back, .video-menu a, .process-item__title, .process-item__ico, .guide-intro dt {
-moz-transition:color .3s;
-o-transition:color .3s;
-webkit-transition:color .3s;
transition:color .3s
}
.mall-item i {
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.list {
	position:relative;
	font-size:0
}
.list>li {
	display:inline-block;
	vertical-align:top
}
.list-1>li {
	width:100%
}
.list-2>li {
	width:90%
}
.list-3>li {
	width:33.3333%
}
.list-4>li {
	width:25%
}
.list-5>li {
	width:20%
}
.list-6>li {
	width:16.6666%;
}
.col {
	display:inline-block;
	vertical-align:top
}
.col-20 {
	width:20%
}
.col-25 {
	width:25%
}
.col-33 {
	width:33.3333%
}
.col-50 {
	width:50%
}
.col-100 {
	width:100%
}
.img-box {
	position:relative
}
.img-box::before {
content:"";
display:block
}
.img-box img {
	left:0;
	position:absolute;
	top:0;
	width:100%
}
.bg-cover {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
}
@-webkit-keyframes fadeIn {
from {
opacity:0
}
to {
	opacity:1
}
}
@keyframes fadeIn {
from {
opacity:0
}
to {
	opacity:1
}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
@-webkit-keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft
}
@-webkit-keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInRight {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.animated.infinite {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}
.animated.delay-1s {
	-webkit-animation-delay:1s;
	animation-delay:1s
}
.animated.delay-2s {
	-webkit-animation-delay:2s;
	animation-delay:2s
}
.animated.delay-3s {
	-webkit-animation-delay:3s;
	animation-delay:3s
}
.animated.delay-4s {
	-webkit-animation-delay:4s;
	animation-delay:4s
}
.animated.delay-5s {
	-webkit-animation-delay:5s;
	animation-delay:5s
}
.animated.fast {
	-webkit-animation-duration:800ms;
	animation-duration:800ms
}
.animated.faster {
	-webkit-animation-duration:500ms;
	animation-duration:500ms
}
.animated.slow {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.animated.slower {
	-webkit-animation-duration:3s;
	animation-duration:3s
}
@media (prefers-reduced-motion) {
.animated {
-webkit-animation:unset !important;
animation:unset !important;
-webkit-transition:none !important;
transition:none !important
}
}
.slick-slider {
	position:relative;
	display:block;
	box-sizing:border-box;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent
}
.slick-list {
	position:relative;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0
}
.slick-list:focus {
	outline:0
}
.slick-list.dragging {
	cursor:pointer;
	cursor:hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.slick-track {
	position:relative;
	top:0;
	left:0;
	display:block;
	margin-left:auto;
	margin-right:auto
}
.slick-track::after, .slick-track::before {
display:table;
content:""
}
.slick-track::after {
clear:both
}
.slick-loading .slick-track {
	visibility:hidden
}
.slick-slide {
	display:none;
	float:left;
	height:100%;
	min-height:1px;
	outline:0
}
.slick-slide a {
	outline:0
}
[dir=rtl] .slick-slide {
	float:right
}
.slick-slide img {
	display:block
}
.slick-slide.slick-loading img {
	display:none
}
.slick-slide.dragging img {
	pointer-events:none
}
.slick-initialized .slick-slide {
	display:block
}
.slick-loading .slick-slide {
	visibility:hidden
}
.slick-vertical .slick-slide {
	display:block;
	height:auto;
	border:1px solid transparent
}
.slick-arrow.slick-hidden {
	display:none
}

.fp-section {
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.fp-slide {
	float:left
}
.fp-slide, .fp-slidesContainer {
	height:100%;
	display:block
}
.fp-slides {
	z-index:1;
	height:100%;
	overflow:hidden;
	position:relative;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out
}
.fp-section.fp-table, .fp-slide.fp-table {
	display:table;
	table-layout:fixed;
	width:100%
}
.fp-tableCell {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:100%
}
.fp-slidesContainer {
	float:left;
	position:relative
}
.fp-controlArrow {
	-webkit-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-ms-user-select:none;
	position:absolute;
	z-index:4;
	top:50%;
	cursor:pointer;
	width:0;
	height:0;
	border-style:solid;
	margin-top:-38px;
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.fp-controlArrow.fp-prev {
	left:15px;
	width:0;
	border-width:38.5px 34px 38.5px 0;
	border-color:transparent #fff transparent transparent
}
.fp-controlArrow.fp-next {
	right:15px;
	border-width:38.5px 0 38.5px 34px;
	border-color:transparent transparent transparent #fff
}
.fp-scrollable {
	overflow:hidden;
	position:relative
}
.fp-scroller {
	overflow:hidden
}
.iScrollIndicator {
	border:0 !important
}
.fp-notransition {
	-webkit-transition:none !important;
	transition:none !important
}
#fp-nav {
	position:fixed;
	z-index:100;
	margin-top:-32px;
	top:50%;
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0)
}
#fp-nav.right {
	right:17px
}
#fp-nav.left {
	left:17px
}
.fp-slidesNav {
	position:absolute;
	z-index:4;
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	left:0 !important;
	right:0;
	margin:0 auto !important
}
.fp-slidesNav.bottom {
	bottom:17px
}
.fp-slidesNav.top {
	top:17px
}
#fp-nav ul, .fp-slidesNav ul {
	margin:0;
	padding:0
}
#fp-nav ul li, .fp-slidesNav ul li {
	display:block;
	width:14px;
	height:13px;
	margin:7px;
	position:relative
}
.fp-slidesNav ul li {
	display:inline-block
}
#fp-nav ul li a, .fp-slidesNav ul li a {
	display:block;
	position:relative;
	z-index:1;
	width:100%;
	height:100%;
	cursor:pointer;
	text-decoration:none
}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
	height:12px;
	width:12px;
	margin:-6px 0 0 -6px;
	border-radius:100%
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	border-radius:50%;
	position:absolute;
	z-index:1;
	height:4px;
	width:4px;
	border:0;
	background:#333;
	left:50%;
	top:50%;
	margin:-2px 0 0 -2px;
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
transition:all .1s ease-in-out
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
	width:10px;
	height:10px;
	margin:-5px 0 0 -5px
}
#fp-nav ul li .fp-tooltip {
	position:absolute;
	top:-2px;
	color:#fff;
	font-size:14px;
	font-family:arial, helvetica, sans-serif;
	white-space:nowrap;
	max-width:220px;
	overflow:hidden;
	display:block;
	opacity:0;
	width:0;
	cursor:pointer
}
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active+.fp-tooltip {
-webkit-transition:opacity .2s ease-in;
transition:opacity .2s ease-in;
	width:auto;
	opacity:1
}
#fp-nav ul li .fp-tooltip.right {
	right:20px
}
#fp-nav ul li .fp-tooltip.left {
	left:20px
}
.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {
	height:auto !important
}
.fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell, .fp-responsive .fp-auto-height-responsive.fp-section {
	height:auto !important
}
.qrcode-img {
	height:0;
	overflow:hidden;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-webkit-transition:all .5s ease;
transition:all .5s ease
}
.qrcode-img img {
	display:block;
	width:88px;
	height:auto
}

}
.wrap {
	margin-right:7.5%;
	margin-left:7.5%
}
.w1400 {
	max-width:1400px;
	margin-right:auto;
	margin-left:auto
}
@media (max-width: 1480px) {
.w1400 {
margin-right:40px;
margin-left:40px
}

}

@media (min-width: 1101px) {

.container {
/*padding-top:60px*/
}
.wrap {
margin-right:40px;
margin-left:40px
}

.subMenu {
position:relative;
top:auto;
width:auto;
height:0;
left:0;
margin-left:35px;
margin-right:35px;
opacity:0;
-webkit-transition:all .3s ease;
transition:all .3s ease
}

}
@media (max-width: 768px) {
.wrap, .w1400 {
margin-right:20px;
margin-left:20px
}
.header-inner {
margin-right:20px;
margin-left:20px
}
}

@media (max-width: 1100px) {

}
.index-anim {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	display:none;
	background-color:#e1251b
}
.index-anim .welcom {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	max-width:1320px;
	-webkit-transform:translate3d(-50%, -50%, 0);
	transform:translate3d(-50%, -50%, 0)
}

.svg-letter {
	opacity:0
}
.svg-images image {
	position:relative;
	opacity:0
}
.svg-images image:nth-of-type(1) {
z-index:3
}
.svg-images image:nth-of-type(2) {
z-index:2
}
#right, #right2 {
	display:none
}
.fullpage-snack {
	padding-top:80px
}
.section-header {
	position:relative;
	padding-bottom:28px;
	text-align:center;
	color:#e1251b
}
.section-header::after {
content:"";
position:absolute;
bottom:0;
left:50%;
width:1px;
height:28px;
background-color:#e1251b
}
.section-header h2 {
	margin-bottom:.43478em;
	font:900 46px/1 "AvenirLTStd"
}
.section-header p {
	margin-bottom:.76923em;
	font-size:26px;
	font-weight:400
}
@media (max-width: 1920px) {
.section-header h2 {
font-size:2.39583vw
}
.section-header p {
font-size:1.35417vw
}
}
@media (max-width: 1100px) {
.fp-tableCell, .fp-section {
height:auto !important
}
.fullpage-snack {
padding-top:0
}
.section-header {
padding-bottom:10px
}
.section-header::after {
height:10px
}
.section-header h2 {
font-size:30px
}
.section-header p {
font-size:24px
}
}
.snack-item {
	position:relative;
	display:block;
	overflow:hidden
}
.snack-item:hover .snack-item__img img {
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.snack-item:hover .snack-item__txt {
	visibility:visible;
	margin-bottom:0
}
.snack-item__img {
	overflow:hidden
}
.snack-item__img::before {
padding-top:129.41176%
}
.snack-item__img img {
-moz-transition:all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition:all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transition:all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition:all .5s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.snack-item__txt {
-moz-transition:all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition:all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transition:all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition:all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	text-align:center;
	font-size:20px;
	line-height:3.5;
	color:#fff;
	visibility:hidden;
	margin-bottom:-96px
}
.snack-item__txt::before {
-moz-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
content:"";
position:absolute;
right:0;
bottom:0;
left:0;
height:96px;
background:url("../images/active_bg.png") no-repeat right bottom;
background-size:auto 100%;
mix-blend-mode:multiply
}
.snack-item__txt span {
	position:relative;
	z-index:1;
	letter-spacing:.18em
}
.s-arrow {
	position:relative;
	text-align:center;
	font-size:24px;
	color:#e1251b
}
.s-arrow::after {
content:"";
position:absolute;
top:2px;
left:50%;
bottom:2px;
width:1px;
background-color:#e1251b
}
.s-arrow span {
	margin:0 60px;
	display:inline-block;
	vertical-align:top;
	cursor:pointer
}
@media (max-width: 1200px) {
.snack-item__txt {
font-size:16px;
line-height:50px
}
.snack-item__txt::before {
height:66px
}
}
@media (max-width: 768px) {
.list-snack {
left:-5px;
width:calc(100% + 10px)
}
.list-snack>li {
width:50%
}
.snack-item {
margin:0 5px 20px
}
.snack-item__txt {
font-size:14px;
line-height:32px
}
.snack-item__txt::before {
height:46px
}
}
@media (max-width: 640px) {
.s-arrow {
font-size:16px
}
.s-arrow span {
margin-right:30px;
margin-left:30px
}
}



.intro-header h2 {
	color:#d6000f;
	font-family: "youshebiao";
	font-size: 60px;
	line-height: 60px;
}
.intro-header p {
	margin-top:0.5em;
	font-size:14px;;
	letter-spacing:.06em
}
.intro-header.center {
	text-align:center
}
.intro-header.white h2,
.intro-header.white p {
	color:#fff
}
.intro-body {
	font-size:14px;
	line-height:2;
	color:#333;
	letter-spacing:.02em
}
.intro-header-line {
	position:relative
}
.intro-header-line::after {
content:"";
position:absolute;
top:50%;
right:0;
width:180px;
height:1px;
background-color:#e1251b
}
.about-company {
	position:relative;
	z-index:1;
	font-size:0
}
.about-company::after {
content:"";
position:absolute;
z-index:-1;
top:0;
right:0;
bottom:0;
width:68%;
background-color:#f7f7f7
}
.company-left, .company-right {
	display:inline-block;
	vertical-align:top
}
.company-left {
	margin-top:50px;
	width:40%
}
.company-right {
	width:60%;
	text-align:right
}
.company-photo {
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:692px
}
.company-photo::before {
padding-top:69.9422%
}
@media (max-width: 1480px) {
.intro-header-line::after {
width:12.16216vw
}
.company-left {
padding-right:20px
}
}
@media (max-width: 1100px) {
.company-left {
width:100%;
padding-right:0
}
.company-intro-header .intro-header-line::after {
display:none
}
.intro-body {
margin-top:30px;
margin-bottom:40px
}
.about-company::after {
display:none
}
.company-right {
width:100%;
max-width:692px
}
.intro-header h2 {
font-size:30px
}
.intro-header p {
/*font-size:24px*/
}
}
@media (max-width: 768px) {
.intro-header h2 {
font-size:30px
}
.intro-header p {
/*font-size:24px*/
}
}



.list-phi {
	margin-right:-12px;
	margin-left:-12px
}
.phi-item {
	position:relative;
	margin:0 12px
}
.phi-item:hover .phi-item__txt {
	background-color:transparent;
	color:#fff
}
.phi-item:hover .phi-item_bg {
	visibility:visible;
	opacity:1
}
.phi-item:hover .phi-item__img img {
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
}
.phi-item .phi-item__desc {
	margin-top:1em
}
.phi-item .phi-item__en {
	margin-top:1.66667em
}
.phi-item__img {
	overflow:hidden
}
.phi-item__img::before {
padding-top:100.87464%
}
.phi-item__img img {
	-moz-transition:-moz-transform 1s ease;
	-o-transition:-o-transform 1s ease;
	-webkit-transition:-webkit-transform 1s ease;
	transition:transform 1s ease
}
.phi-item__txt {
	position:absolute;
	z-index:1;
	top:46px;
	left:55px;
	padding:40px 30px;
	width:330px;
	height:346px;
	background-color:rgba(242, 242, 242, 0.85);
	color:gray
}
.phi-item_bg {
	position:absolute;
	z-index:-1;
	top:-16px;
	right:0;
	bottom:0;
	left:0;
	overflow:hidden;
	visibility:hidden;
	opacity:0
}
.phi-item_bg img {
	display:block;
	width:100%
}
.phi-ico {
	font-size:52px
}
.phi-item__en {
	font:700 30px/1.2 "AvenirLTStd";
	word-wrap:break-word;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto
}
.phi-item__cn {
	margin-top:.2em;
	font-size:24px;
	line-height:1.2;
	letter-spacing:.01em
}
.phi-item__desc, .phi-item__info {
	font-size:14px;
	line-height:24px
}
.phi-item__info {
	margin-top:10px;
	display:none;
	color:transparent
}
@media (max-width: 980px) {
.list-phi>li {
width:100%
}
.phi-item {
margin-bottom:30px
}
}
@media (max-width: 500px) {
.phi-item__txt {
top:50%;
right:30px;
left:30px;
width:auto;
height:auto;
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.phi-ico {
font-size:30px
}
.phi-item__en {
font-size:20px
}
.phi-item__cn {
font-size:16px
}
.phi-item .phi-item__en {
margin-top:1em
}
}
.list-core {
	margin-right:-12px;
	margin-left:-12px
}
@media (max-width: 1100px) {
.list-core>li {
width:33.3333%
}
 }
@media (max-width: 768px) {
.list-core>li {
width:50%
}
}
@media (max-width: 580px) {
.list-core>li {
width:100%
}
.core-item-wrap {
position:relative
}
}



.detail-cate {
	font-size:14px;
	color:#333
}
.detail-main {
	font-size:0;
	min-height:calc(100vh - 500px)
}
.detail-side, .detail-body {
	display:inline-block;
	vertical-align:top
}
.detail-side {
	width:28%;
	margin-right:12%
}
.detail-body {
	width:60%
}
.detail-title {
	font-size:24px;
	line-height:1.75;
	color:#333;
	letter-spacing:.06em
}
.detail-social a {
	display:inline-block;
	vertical-align:top;
	margin-right:.6em;
	font-size:24px;
	color:#c9c9ca
}
.detail-social a:hover {
	color:#e1251b
}
.detail-back {
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	line-height:20px;
	color:gray
}
.detail-back i {
	font-size:16px;
	display:inline-block;
	vertical-align:top;
	vertical-align:middle
}
.detail-back:hover {
	color:#e1251b;
	text-decoration:underline
}
.detail-body {
	font-size:14px;
	line-height:24px;
	color:gray
}
.detail-body img {
	max-width:100%;
	height:auto !important
}
@media (max-width: 1100px) {
.detail-side {
width:100%;
margin-right:0
}
.detail-side .news-item__date {
max-width:100px
}
.detail-body {
width:100%;
margin-top:60px
}
.detail-social, .detail-back {
margin-top:20px
}
}
@media (max-width: 768px) {
.detail-title {
font-size:20px
}
}

.btn-play {
	position:absolute;
	top:50%;
	left:50%;
	width:1em;
	height:1em;
	margin-top:-.5em;
	margin-left:-.5em;
	color:#fff;
	opacity:.5
}
.btn-play.big {
	font-size:110px
}
.btn-play.small {
	font-size:60px
}
.list-mall {
	margin-right:-40px;
	margin-left:-40px
}
.mall-item {
	display:block;
	margin:0 40px;
	position:relative;
	border-radius:50%
}
.mall-item::before {
content:"";
display:block;
padding-top:100%;
border:1px solid #e1251b;
border-radius:50%
}
.mall-item::after {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url(../images/bg_02.svg) no-repeat center center;
background-size:40% auto;
visibility:hidden;
opacity:0
}
.mall-item i {
	position:absolute;
	top:50%;
	right:0;
	left:0;
	font-size:100px;
	color:#e1251b;
	text-align:center
}
.mall-item:hover {
	background-color:#e1251b
}
.mall-item:hover::after {
visibility:visible;
opacity:1
}
.mall-item__name {
	font-size:14px;
	color:#e1251b;
	margin-top:30px;
	text-align:center
}
@media (max-width: 1480px) {
.list-mall {
margin-right:-2.7027vw;
margin-left:-2.7027vw
}
.mall-item {
margin:0 2.7027vw
}
.mall-item i {
font-size:6.75676vw
}
.mall-item__name {
margin-top:2.02703vw
}
}
@media (max-width: 768px) {
.list-mall {
margin-right:5.33333vw;
margin-left:5.33333vw
}
.mall-item {
margin:0 2.66667vw 4vw
}
.mall-item i {
font-size:13.33333vw
}
.mall-item__name {
margin-top:0;
margin-bottom:6.66667vw
}
.list-mall>li {
width:33.3333%
}
}
.announce-item {
	position:relative;
	display:block;
	padding-left:250px;
	border-bottom:1px solid #fff;
	background-color:#f7f7f7;
	color:gray
}
.announce-item::before {
content:"";
position:absolute;
top:0;
left:250px;
bottom:0;
width:1px;
background-color:#fff
}
.announce-item:hover {
	background-color:#e1251b;
	color:#fff
}
.announce-item__title {
	padding:1em 0;
	margin:0 70px;
	font-size:16px;
	line-height:2
}
.announce-item__date {
	position:absolute;
	top:50%;
	left:0;
	width:250px;
	margin-top:-10px;
	font-size:20px;
	text-align:center
}
.announce-item__ico {
	position:absolute;
	top:50%;
	right:25px;
	font-size:20px;
	margin-top:-10px
}
@media (max-width: 1100px) {
.announce-item {
padding-left:200px
}
.announce-item::before {
left:200px
}
.announce-item__date {
width:200px
}
.announce-item__title {
margin-left:20px
}
}
@media (max-width: 768px) {
.announce-item {
padding-left:120px
}
.announce-item::before {
left:120px
}
.announce-item__date {
font-size:16px;
width:120px
}
}
@media (max-width: 640px) {
.announce-item {
padding-left:0;
margin-bottom:20px
}
.announce-item::before {
display:none
}
.announce-item__date {
position:relative;
top:auto;
left:auto;
display:block;
padding-top:20px;
margin-top:0;
margin-left:20px;
text-align:left
}
.announce-item__title {
font-size:14px;
line-height:24px
}
}
.list-as-wrap {
	margin-right:-25px;
	margin-left:-25px
}
.as-cate {
	/*position:relative;*/
	padding-left:30px;
	font-size:24px;
	line-height:2;
	letter-spacing:.06em;
	color:#333
}
.as-cate::before {
content:"";
position:absolute;
top:50%;
left:0;
margin-top:-6px;
width:12px;
height:12px;
border-radius:50%;
/*background-color:#e1251b*/
}
.as-item-wrap {
	margin-right:25px;
	margin-left:25px;
	margin-bottom: 50px
}
.as-item-wrap .list-as li {
	float: left;
	margin: 0 1%;
	width: 48%;
	
}
.as-item {
	margin-bottom:10px;
	padding:0 30px;
	background-color:#f7f7f7;
	color:#333;
	cursor:pointer
}
.as-item:hover, .as-item.active {
	background-color:#d6000f;
	color:#fff
}
.as-item.active .as-item__title::before, .as-item.active .as-item__title::after {
background-color:#fff
}
.as-item.active .as-item__title::after {
opacity:0
}
.as-item__title {
	position:relative;
	padding:10px 40px 10px 26px;
	font-size:15px;
	line-height:30px;
	background: url(../../images/question.png) left 15px no-repeat;
}
.as-item:hover .as-item__title,
.as-item.active .as-item__title {
	color: #fff;
	font-weight: bold;
	background: url(../../images/question-cur.png) left center no-repeat;
}
.as-item__title::before, .as-item__title::after {
content:'';
position:absolute;
background-color:gray
}
.as-item:hover .as-item__title::before,
.as-item.active .as-item__title::before,
.as-item:hover .as-item__title::after,
.as-item.active .as-item__title::after {
background-color: #fff;
}
.as-item__title::before {
width:13px;
height:1px;
right:0;
top:10px;
margin-top:14px
}
.as-item__title::after {
width:1px;
height:13px;
top:10px;
right:6px;
margin-top:8px
}
.as-item__word {
	position:absolute;
	top:10px;
	left:0;
	font:700 18px/30px "AvenirLTStd"
}
.as-item__intro {
	position:relative;
	display:none;
	padding:0 30px;
}
.as-item:hover .as-item__intro,
.as-item.active .as-item__intro {
	background: url(../../images/ask-cur.png) left 1px no-repeat;
}
.as-item__intro .as-item__word {
	top:0;
	line-height:2px
}
.as-item__intro-body {
	padding-bottom:20px;
	font-size:14px;
	line-height:26px
}
.as-item__intro-body p {
	opacity: 1;
	font-style: normal;
	text-align: left;
	min-height: 90px;
}
@media (max-width: 768px) {
.list-as-wrap>li {
width:100%
}
.as-item-wrap {
margin-bottom:40px
}
.as-cate {
font-size:20px
}
}
@media (max-width: 480px) {
.as-item {
padding-right:10px;
padding-left:10px
}
.as-cate {
padding-left:20px
}
.as-item__title {
padding-right:20px
}
}


.slick-arrows {
	position:relative;
	font-size:0;
	text-align:center
}
.slick-arrows span {
	margin:0 1em;
	display:inline-block;
	vertical-align:top;
	width:2em;
	height:2em;
	font-size:20px;
	line-height:2;
	color:#e1251b
}
.slick-arrows::before {
content:"";
position:absolute;
top:50%;
left:50%;
margin-left:-1px;
margin-top:-8px;
width:2px;
height:16px;
background-color:#e1251b
}
.slick-card-arrows {
	display:none
}
@media (max-width: 640px) {
.slick-card-arrows {
display:block
}
.card-left, .card-right {
width:50%
}
.member-rule-title {
	/*position:relative;*/
	/*padding-left:20px;*/
	font-size:24px;
	text-align:left;
	line-height:2;
	letter-spacing:.06em;
	color:#333
}
}
.member-rule-title {
	/*position:relative;*/
	/*padding-left:20px;*/
	font-size:24px;
	/*text-align:left;*/
	line-height:2;
	letter-spacing:.06em;
	color:#333
}
.member-rule-title::before {
content:"";
position:absolute;
top:50%;
left:0;
margin-top:-6px;
width:12px;
height:12px;
border-radius:50%;
/*background-color:#e1251b*/
}
.member-rule-title.white {
	color:#fff
}
.member-rule-title.white::before {
background-color:#fff
}
.list-rule {
	margin-right:-60px;
	margin-left:-60px
}
.rule-item {
	position:relative;
	margin:0 60px
}
.rule-item__cirlce {
	border:2px solid #e1251b;
	border-radius:50%
}
.rule-item__cirlce::before {
padding-top:100%
}
.rule-item__num {
	position:absolute;
	bottom:50%;
	right:0;
	left:0;
	text-align:center;
	font:700 70px/1 "AvenirLTStd";
	color:#e1251b
}
.rule-item__desc {
	position:absolute;
	top:50%;
	right:15%;
	left:15%;
	font-size:14px;
	line-height:24px;
	color:gray;
	text-align:center
}
.list-integral {
	margin-right:-15px;
	margin-left:-15px
}
.integral-item {
	position:relative;
	z-index:1;
	padding:30px 40px;
	margin:0 15px 40px;
	font-size:14px;
	line-height:35px;
	background-color:#f2f2f2;
	color:gray
}
.integral-item span {
	display:inline-block;
	font:300 36px/1 "AvenirLTStd"
}
.integral-item:hover {
	background-color:transparent;
	color:#fff
}
.integral-item:hover .integral-item__bg {
	visibility:visible;
	opacity:1
}
.integral-item__bg {
	position:absolute;
	z-index:-1;
	top:-16px;
	right:0;
	bottom:0;
	left:0;
	overflow:hidden;
	visibility:hidden;
	opacity:0
}
.integral-item__bg img {
	position:absolute;
	top:0;
	right:0;
	width:630px;
	height:auto
}




.btn-submit {
	position:relative;
	z-index:1;
	display:block;
	margin-right:auto;
	margin-left:auto;
	width:200px;
	height:50px;
	border:0;
	background-color:transparent;
	font-size:16px;
	letter-spacing:.06em;
	color:#fff
}
.btn-submit-bg {
	position:absolute;
	z-index:-1;
	top:-8px;
	right:0;
	bottom:0;
	left:0;
	overflow:hidden
}
.btn-submit-bg img {
	position:absolute;
	top:0;
	right:0;
	width:715px;
	height:auto
}

.list-guide {
	margin-right:-12px;
	margin-left:-12px
}
.list-guide>li:first-of-type {
	width:67%
}
.list-guide>li:nth-of-type(2) {
width:33%
}
.guide-item {
	position:relative;
	z-index:1;
	padding:30px 40px;
	margin:0 12px;
	min-height:208px;
	background-color:#f7f7f7;
	color:gray
}
.guide-item:hover {
	background-color:transparent;
	color:#fff
}
.guide-item:hover .guide-item__bg {
	visibility:visible;
	opacity:1
}
.guide-item:hover .guide-intro dt {
	color:#fff
}
.guide-item:hover .guide-intro dt::before {
background-color:#fff
}
.guide-item__bg {
	position:absolute;
	z-index:-1;
	top:-16px;
	right:0;
	bottom:0;
	left:0;
	overflow:hidden;
	visibility:hidden;
	opacity:0
}
.guide-item__bg img {
	position:absolute;
	top:0;
	right:0;
	width:1430px
}
.guide-intro {
	font-size:0
}
.guide-intro dt {
	position:relative;
	
	margin-left:40px;
	margin-bottom:8px;
	font-size:22px;
	text-align:left;
	line-height:2;
	color:#333;
	/*letter-spacing:.06em*/
}
.guide-intro dt::before {
content:"";
position:absolute;
top:50%;
left:0;
margin-top:-6px;
width:12px;
height:12px;
border-radius:50%;
	/*background-color:#e1251b*/
}
.guide-intro dd {
	padding:0 40px;
	display:inline-block;
	vertical-align:top;
	width:50%;
	font-size:14px;
	line-height:24px
}
.guide-intro dd p {
	margin-bottom:10px;
	text-align:left;
}
.guide-intro.col-1 dd {
	width:100%
}
@media (max-width: 1100px) {
.list-guide {
margin-right:0;
margin-left:0
}
.list-guide>li:first-of-type {
width:100%
}
.list-guide>li:nth-of-type(2) {
width:100%
}
.guide-item {
padding:20px;
margin-right:0;
margin-left:0;
margin-bottom:20px;
min-height:auto !important
}
.guide-intro dt {
font-size:20px
}
.guide-intro dd {
width:100%
}
}
@media (max-width: 768px) {
.guide-intro dt {
margin-left:0
}
.guide-intro dd {
margin-right:0;
margin-left:0;
padding-right:0;
padding-left:0
}
}
@media (max-width: 640px) {
.guide-intro dt {
font-size:16px
}
}
.list-system {
	margin: 30px 0;
	padding-top: 50px;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}
.system-item {
	position:relative;
	padding-left:86px;
	margin:0 40px 70px;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.system-item__title {
	font-size:20px;
	line-height:1.6;
	color:#e1251b
}
.system-item__desc {
	font-size:14px;
	line-height:2;
	color:black;
	text-align:left;
	opacity: 1!important;
}
.system-item__desc p {
	font-size: 14px;
	font-style: normal;
}
.system-item__ico {
	position:absolute;
	top:-9px;
	left:0;
	width:66px;
	height:auto
}
@media (max-width: 1100px) {
.list-system>li {
width:50%
}
}
@media (max-width: 768px) {
.list-system {
margin: 30px -20px 0;
padding-top: 30px;
}
.system-item {
	display: block;
margin-right:20px;
margin-left:20px
}
}
@media (max-width: 640px) {
.system-item {
padding-left:0;
margin-bottom:30px
}
.system-item__ico {
position:relative;
width:50px;
}
.system-item__title {
font-size:16px
}
.system-item__desc {
font-size:12px
}
}
.join-conditions {
	padding:50px 0;
	background-color:#fac500;
}
.join-conditions .titleBox b {
	border-color: #fff;
}
.list-jc {
	/*margin-right:-40px;
	margin-left:-40px*/
}
.titleBox span{    display: block;}
.jc-item {
	margin:0 40px;
	text-align:center;
}
.jc-item__ico {
	display:inline-block;
	width:2.34286em;
	height:2.34286em;
	border:2px solid #fff;
	border-radius:50%;
	font-size:70px;
	line-height:2.34286;
	text-align:center
}
.jc-item__title {
	margin: 1em 0 2em;
	font-size: 18px;
	letter-spacing:.06em;
	font-weight: bold;
}
.jc-item__desc {
	font-size:14px;
	line-height:2
}
.jmlc ul li {
	margin: 0 1% 30px;
	padding: 40px 28px 50px;
	width: 18%;
	background: #f7f8f8;
	border-radius: 20px;
}
.jmlc ul li span {
	margin: 0;
	display: block;
	height: 60px;
	line-height: 60px;
}
.jmlc ul li span img {
	vertical-align: middle;
}
.jmlc ul li strong {
	margin: 10px 0 20px;
	display: block;
	font-size: 20px;
	color: #163f73;
	text-transform: uppercase;
	font-weight: normal;
}
.jmlc ul li p {
	font-size: 14px;
	line-height: 2;
	color: #163f73;
	opacity: 1;
	text-align: left;
	font-weight: normal;
}
@media (max-width: 1480px) {
.list-jc {
margin-right:-2.7027vw;
margin-left:-2.7027vw
}
.jc-item {
margin:0 2.7027vw
}
.jc-item__ico {
font-size:4.59459vw
}
}
@media (max-width: 1100px) {
.list-jc {
margin-right:-20px;
margin-left:-20px
}
.list-jc>li {
width:33.3333%
}
.jc-item {
margin-right:20px;
margin-left:20px;
margin-bottom:30px
}
}
@media (max-width: 640px) {
.join-conditions {
margin-top:30px;
padding-top:40px;
padding-bottom:40px
}
.list-jc>li {
width:50%
}
.jc-item__ico {
font-size:40px
}
.jc-item__title {
font-size:16px
}
.jc-item__desc {
font-size:12px
}
}
.list-jp {
	position:relative;
	z-index:1;
	margin-right:-20px;
	margin-left:-20px
}
.list-jp::before, .list-jp::after {
content:"";
z-index:-1;
position:absolute;
top:36px;
right:8.3333%;
left:8.3333%;
height:2px;
background-color:#b2b2b2
}
.list-jp::after {
display:none
}
.jp-item {
	text-align:center;
	margin:0 20px
}
.jp-item:hover .jp-item__num {
	background-color:#e1251b
}
.jp-item__num {
	display:inline-block;
	vertical-align:top;
	width:75px;
	height:75px;
	border-radius:50%;
	background-color:gray;
	color:#fff;
	font:400 36px/80px "AvenirLTStd"
}
.jp-item__desc {
	margin-top:1em;
	font-size:20px;
	color:gray;
	letter-spacing:.06em
}
@media (max-width: 1280px) {
.list-jp::before {
top:29px
}
.jp-item__num {
width:60px;
height:60px;
font-size:32px;
line-height:66px
}
.jp-item__desc {
font-size:16px
}
}
@media (max-width: 1100px) {
.list-jp::before, .list-jp::after {
right:16.6666%;
left:16.6666%
}
.list-jp::after {
display:block;
top:auto;
bottom:60px
}
.list-jp>li {
width:33.3333%
}
.list-jp>li:nth-of-type(n+4) .jp-item {
margin-bottom:0
}
.jp-item {
margin-bottom:40px
}
}
@media (max-width: 640px) {
.list-jp {
margin-right:0;
margin-left:0
}
.list-jp::before, .list-jp::after {
height:1px
}
.list-jp::before {
top:19px
}
.list-jp::after {
bottom:40px
}
.jp-item {
margin-right:0;
margin-left:0
}
.jp-item__num {
width:40px;
height:40px;
font-size:20px;
line-height:44px
}
.jp-item__desc {
font-size:3.2vw
}
}
.join-form {
	padding:80px 0 200px;
	background-color:#f7f7f7
}
.form-main {
	font-size:0;
	margin-right:-12px;
	margin-left:-12px
}
.form-sec-title {
	font-size:20px;
	color:#333;
	letter-spacing:.06em
}
.form-group {
	position:relative;
	margin-right:12px;
	margin-left:12px
}
.form-group label.error {
	position:absolute;
	top:100%;
	left:0;
	font-size:12px;
	color:#e1251b;
	line-height:20px
}
.form-group.focus .form-group-label {
	display:none
}
.form-group-input {
	padding:0 0 0 10px;
	margin:0;
	border:0;
	outline:0;
	display:block;
	width:100%;
	height:50px;
	letter-spacing:.06em;
	background-color:#fff
}
.form-group-label {
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	left:0;
	padding-left:10px;
	height:50px;
	font-size:16px;
	line-height:50px;
	color:gray;
	letter-spacing:.06em
}
.form-group-label span {
	color:#e1251b
}
.form-radio-label {
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	line-height:50px;
	color:gray;
	letter-spacing:.06em
}
.form-radio-label span {
	color:#e1251b
}
.label-for-radio {
	position:relative;
	padding-left:30px;
	margin-left:40px;
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	line-height:50px;
	color:gray;
	letter-spacing:.06em;
	cursor:pointer
}
.label-for-radio::before, .label-for-radio::after {
content:"";
position:absolute;
top:50%
}
.label-for-radio::before {
margin-top:-8px;
left:0;
width:14px;
height:14px;
border:2px solid #fff;
border-radius:50%;
background-color:#fff
}
.form-radio-input {
	display:none
}
.form-radio-input:checked+label {
	color:#e1251b
}
.form-radio-input:checked+label::before {
background-color:#e1251b
}
.form-group-resources .label-for-radio {
	margin-left:0;
	margin-right:80px
}
.label-for-textarea {
	font-size:16px;
	line-height:40px;
	color:#333
}
.form-textarea {
	display:block;
	width:100%;
	padding:10px 20px;
	border:0;
	outline:0;
	resize:none;
	font-size:16px;
	line-height:2;
	color:gray
}
.form-tip {
	font-size:14px;
	line-height:2;
	color:gray
}
.form-tip span {
	color:#e1251b
}
.form-select {
	position:relative;
	background-color:#fff
}
.form-select::after {
content:"";
position:absolute;
top:50%;
right:20px;
margin-top:-3px;
width:0;
height:0;
border-style:solid;
border-width:6px 6px 0 6px;
border-color:#e1251b transparent transparent transparent
}
.form-select select {
	position:relative;
	z-index:2;
	opacity:0;
	display:block;
	width:100%;
	height:50px;
	border:0;
	background-color:transparent;
	outline:0;
	font-size:16px;
	padding-left:10px;
	color:gray
}
.form-select select span {
	color:#e1251b
}
.form-select.active .form-group-label {
	display:none
}
.form-select.active select {
	opacity:1
}
@media (max-width: 1480px) {
.join-form {
padding-bottom:13.51351vw
}
}
@media (max-width: 1280px) {
.form-group {
margin-bottom:20px
}
.form-main .col-20 {
width:33.3333%
}
}
@media (max-width: 1100px) {
.form-main .col-20 {
width:50%
}
.form-main .col-33 {
width:50%
}
.form-group-resources .label-for-radio {
margin-right:40px
}
}
@media (max-width: 768px) {
.join-form {
padding-bottom:26.04167vw
}
.jmlc ul li {
	margin: 0 1% 10px;
    padding: 15px;
  width: 48%;
}
.jmlc ul li strong {
	margin: 10px 0;
}
}
@media (max-width: 640px) {
.form-sec-title {
font-size:16px
}
.form-main .col-20 {
width:100%
}
.form-main .col-25 {
width:100%
}
.form-main .col-33 {
width:100%
}
}
.cate-wrap {
	height:calc(100vh - 155px);
	overflow:hidden
}
.cate-item.active .slick-cate {
	padding-top:10px;
	height:440px
}
.cate-item.active .cate-title span {
	color:#e1251b
}
.cate-item.hide {
	display:block
}
.cate-item.hide .cate-title {
	height:0
}
.cate-item:first-of-type.hide .cate-title {
	height:90px
}
.cate-title {
	height:90px;
	overflow:hidden;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-webkit-transition:all .5s ease;
transition:all .5s ease
}
.cate-title span {
	display:inline-block;
	vertical-align:top;
	color:gray;
-moz-transition:color .5s ease;
-o-transition:color .5s ease;
-webkit-transition:color .5s ease;
transition:color .5s ease
}
.cate-title .en {
	margin-right:30px;
	font:900 52px/60px "AvenirLTStd"
}
.cate-title .cn {
	font-size:42px;
	line-height:50px
}
.category-item {
	display:block;
	margin-right:36px;
	margin-left:36px
}
.category-item__img {
	-moz-box-shadow:0 0 20px 0 rgba(102, 102, 102, 0.1);
	-webkit-box-shadow:0 0 20px 0 rgba(102, 102, 102, 0.1);
	box-shadow:0 0 20px 0 rgba(102, 102, 102, 0.1);
	border-radius:30px;
	overflow:hidden
}
.category-item__img::before {
padding-top:105.44218%
}
.category-item__title {
	font-size:12px;
	margin-top:40px;
	color:#333;
	text-align:center
}
.slick-cate {
	margin-right:-20px;
	margin-left:-20px;
	height:0;
	overflow:hidden;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-webkit-transition:all .5s ease;
transition:all .5s ease
}
.slick-cate .slick-track {
	margin-left:0
}
@media (max-width: 1480px) {
.cate-item.active .slick-cate {
height:29.72973vw
}
}
@media (max-width: 1100px) {
.cate-wrap {
height:auto;
margin-bottom:60px
}
.slick-cate {
padding-top:10px;
height:auto;
margin-bottom:60px
}
.cate-title span.en {
font-size:40px
}
.cate-title span.cn {
font-size:30px;
line-height:54px
}
.cate-item.active .cate-title span {
color:gray
}
.cate-item.active .slick-cate {
height:auto;
padding-top:10px
}
.cate-item.hide .cate-title {
height:90px
}
}
@media (max-width: 640px) {
.slick-cate {
margin-right:-10px;
margin-left:-10px
}
.category-item {
margin-right:20px;
margin-left:20px
}
.cate-title {
height:70px
}
.cate-title span.en {
font-size:24px;
margin-right:10px;
line-height:40px
}
.cate-title span.cn {
font-size:20px;
line-height:36px
}
.cate-item:first-of-type.hide .cate-title {
height:70px
}
.cate-item.hide .cate-title {
height:70px
}
}

@media (max-width: 1480px) {
.store-item {
padding:20px 30px
}
.store-item__ico {
bottom:20px;
left:30px
}
}
@media (max-width: 1280px) {
.list-store>li {
width:33.3333%
}
}
@media (max-width: 1100px) {
.store-map {
height:400px
}
.store-no {
font-size:20px
}
}
@media (max-width: 768px) {
.list-store>li {
width:50%
}
.store-item {
padding-right:20px;
padding-left:20px
}
.store-item__ico {
left:20px
}
.store-item__name {
font-size:16px
}
.store-no {
font-size:16px
}
}
@media (max-width: 640px) {
.list-store>li {
width:100%
}
.store-item {
height:auto;
padding-bottom:50px
}
.store-item__ico {
font-size:24px
}
.store-nearby {
display:block;
font-size:16px;
width:180px;
margin-right:auto;
margin-left:auto
}
.store-form {
width:calc(100% - 100px)
}
}
.store-pager .pages {
	text-align:center
}
.store-pager .pages li {
	display:inline-block;
	vertical-align:top;
	min-width:30px;
	height:30px;
	font-size:14px;
	line-height:30px;
	margin:0 5px;
	font-family:"AvenirLTStd";
	font-weight:500;
	color:gray;
	border:0 solid #dbdbdb
}
.store-pager .pages li.pgCurrent, .store-pager .pages li:hover {
	font-weight:700;
	color:#e1251b;
	border-color:#e1251b
}
.store-pager .pages li.pg-first, .store-pager .pages li.pg-last {
	display:none
}
.store-pager .pages li.pg-prev, .store-pager .pages li.pg-next {
	font-size:0
}
.store-pager .pages li.pg-prev::before, .store-pager .pages li.pg-next::before {
font-family:'iconfont';
font-size:14px;
line-height:2
}
.store-pager .pages li.pg-prev {
	margin-right:10px
}
.store-pager .pages li.pg-prev::before {
content:"\e894"
}
.store-pager .pages li.pg-next {
	margin-left:10px
}
.store-pager .pages li.pg-next::before {
content:"\e893"
}
.store-pager .pages li.pgNext {
	color:#e1251b
}
.store-pager .pages li.pgNext:hover {
	color:#fff
}
.store-pager .pages li.pgNext.pgEmpty {
	color:#999
}
.store-pager .pages li.pgNext.pgEmpty:hover {
	color:#999;
	border-color:#dbdbdb
}
/*# sourceMappingURL=main.css.map */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.fix-jumping {
	position:fixed;
	bottom:20px;
	right:20px;
	width:100px;
	z-index:100;
	height:100px;
	box-shadow:0 3px 15px 1px rgba(255, 255, 255, 0.3);
	border-radius:50%;
}
.fix-jumping:after {
	position: absolute;
	z-index: 1;
	width:100%;
	height: 100%;
	top:0;
	left:0;
	content:"";
	background: url(../images/my_join.png) no-repeat center/100%;
}
.fix-jumping i {
	top: 0;
	left: 0;
	border-radius:50%;
	background: rgba(225, 37, 27, 0.25);
	width: 100%;
	height: 100%;
	position: absolute;
	transform: scale(1);
}
.fix-jumping .r1 {
	animation: customerQuan 5s 0s linear infinite;
}
.fix-jumping .r2 {
animation: customerQuan 5s .6s linear infinite;
}
.fix-jumping .r3 {
	animation: customerQuan 5s 1s linear infinite;
}
.explain-view {
	background: #f7f7f7;
}
.list-explain .guide-item {
	background: #fff;
}
.list-explain li:nth-child(1) {
width:calc(50% - 180px);
float:left;
}
.list-explain li:nth-child(2) {
width:calc(50% - 180px);
float:left;
}
.list-explain li:nth-child(3) {
width:360px;
float:left;
}
.list-explain .guide-item {
	padding:30px;
}
.list-explain .guide-intro dt {
	margin-left: 10px;
}
.list-explain .guide-intro dd {
	padding:0 10px;
}

.list-explain .fadeInUp  {
width:843px;
height:880px;
}

.list-explain .fadeInUp img {
width:843px;
height:880px;
}

.list-explain .guide-code {
	position: absolute;
	top:40px;
	right: 20px;
	width:110px;
	height: 110px;
}
.explain-date {
}
.explain-date li {
	width:25%;
	float:left;
	margin-top:40px;
}
.explain-date strong {
	float:left;
	width:50px;
	height:50px;
	font-weight: normal;
	background: #DA291C;
	text-align: center;
	font-size: 20px;
	color:#fff;
	line-height:50px;
	border-radius:50%;
}
.explain-date span {
	float:left;
	font-size:14px;
	line-height:50px;
	margin-left:10px;
}
@media (max-width: 1100px) {
 .list-explain .guide-item {
padding:30px 20px;
}
 .list-explain li:nth-child(1) {
width:100%;
float:none;
}
 .list-explain li:nth-child(2) {
width:100%;
float:none;
}
 .list-explain li:nth-child(3) {
width:100%;
float:none;
}
 .list-explain .guide-intro dt {
margin-left: 0;
}
 .list-explain .guide-intro dd {
padding:0;
}
 .list-explain .guide-code {
position: absolute;
top:20px;
right: 20px;
width:90px;
height: 90px;
}
 .explain-date li {
width:50%;
}
}
 @-webkit-keyframes customerQuan {
 15% {
transform: scale(1.4);
}
 30% {
transform: scale(1);
}
}
@keyframes customerQuan {
 15% {
transform: scale(1.4);
}
 30% {
transform: scale(1);
}
}
@media (max-width: 540px) {
 .explain-date li {
width:100%;
}
}
@media (max-width: 750px) {
 .fix-jumping {
width:55px;
height:55px;
}
}
button {
	cursor:pointer;
}