@charset "utf-8";
.img_scale {
	overflow: hidden
}
.img_scale img {
	transition: transform .6s ease;
	-ms-transition: transform .6s ease;
	-o-transition: transform .6s ease;
	-webkit-transition: transform .6s ease;
	-moz-transition: transform .6s ease
}
.img_scale:hover img {
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05)
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes fadeInUp50 {
0% {
opacity:0;
-webkit-transform:translate3d(0, 50px, 0);
transform:translate3d(0, 50px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp50 {
0% {
opacity:0;
-webkit-transform:translate3d(0, 50px, 0);
-ms-transform:translate3d(0, 50px, 0);
transform:translate3d(0, 50px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInUp50 {
	-webkit-animation-name: fadeInUp50;
	animation-name: fadeInUp50
}
@-webkit-keyframes fadeInLeft50 {
0% {
opacity:0;
-webkit-transform:translate3d(-50px, 0, 0);
transform:translate3d(-50px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft50 {
0% {
opacity:0;
-webkit-transform:translate3d(-50px, 0, 0);
-ms-transform:translate3d(-50px, 0, 0);
transform:translate3d(-50px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInLeft50 {
	-webkit-animation-name: fadeInLeft50;
	animation-name: fadeInLeft50
}
@-webkit-keyframes fadeInRight50 {
0% {
opacity:0;
-webkit-transform:translate3d(50px, 0, 0);
transform:translate3d(50px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight50 {
0% {
opacity:0;
-webkit-transform:translate3d(50px, 0, 0);
-ms-transform:translate3d(50px, 0, 0);
transform:translate3d(50px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInRight50 {
	-webkit-animation-name: fadeInRight50;
	animation-name: fadeInRight50
}
@-webkit-keyframes bounce-down {
25% {
opacity:1;
-webkit-transform:translateY(-5px)
}
100%, 50% {
opacity:1;
-webkit-transform:translateY(0)
}
75% {
opacity:1;
-webkit-transform:translateY(5px)
}
}
@keyframes bounce-down {
25% {
opacity:1;
transform:translateY(-5px)
}
100%, 50% {
opacity:1;
transform:translateY(0)
}
75% {
opacity:1;
transform:translateY(5px)
}
}
@-webkit-keyframes bounce-circle {
0% {
opacity:0;
filter:alpha(opacity=0);
transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1)
}
20% {
opacity:1;
filter:alpha(opacity=100)
}
100%, 80% {
opacity:0;
filter:alpha(opacity=0);
transform:scale(2);
-ms-transform:scale(2);
-o-transform:scale(2);
-webkit-transform:scale(2);
-moz-transform:scale(2)
}
}
@keyframes centerBig {
0% {
transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1)
}
100% {
transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2)
}
}
@-webkit-keyframes fadeInLeft20 {
0% {
opacity:0;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft20 {
0% {
opacity:0;
-webkit-transform:translate3d(-20px, 0, 0);
-ms-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInLeft20 {
	-webkit-animation-name: fadeInLeft20;
	animation-name: fadeInLeft20
}
@-webkit-keyframes fadeInRight20 {
0% {
opacity:0;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight20 {
0% {
opacity:0;
-webkit-transform:translate3d(20px, 0, 0);
-ms-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInRight20 {
	-webkit-animation-name: fadeInRight20;
	animation-name: fadeInRight20
}
@-webkit-keyframes fadeInUp20 {
0% {
opacity:0;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp20 {
0% {
opacity:0;
-webkit-transform:translate3d(0, 20px, 0);
-ms-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInUp20 {
	-webkit-animation-name: fadeInUp20;
	animation-name: fadeInUp20
}
@keyframes circleMove {
0% {
opacity:0;
bottom:-110%
}
100% {
opacity:1;
bottom:-80%
}
}
@keyframes circle2Move {
0% {
opacity:0;
top:-180%
}
100% {
opacity:1;
top:-75%
}
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	margin: 0
}
.iconfont {
	font-size: 14px
}
.swiper-container, .swiper-slide, .swiper-wrapper {
	height: auto!important
}
body {
	background: #fff;
	position: relative
}
.banner .swiper-pagination {
	bottom: 20px;
}
.banner .swiper-pagination .swiper-pagination-bullet {
	background: ;
	opacity: 1
}
.banner .swiper-pagination .swiper-pagination-bullet-active {
	border: 0;
}
.bg {
	height: 100vh
}
.banner-txt h1 {
	font-size: 50px;
	color: #fff;
	text-transform: uppercase;
	font-family: "Adobe songti", "宋体"
}
.nav {
	position: absolute;
	left: 4.583%;
	bottom: 6%;
	z-index: 10000
}
.nav a {
	color: #fff;
	font-size: 14px;
	margin-right: 25px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease
}
.nav a:hover {
	color: #ffa32c
}
.nav .code {
	position: absolute;
	top: -120px;
	left: 50%;
	opacity: 0;
	filter: alpha(opacity=0);
	margin-left: -60px;
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.nav .code img {
	width: 120px;
	height: 120px
}
.nav .menu-phone:hover .code {
	top: -135px;
	opacity: 1;
	filter: alpha(opacity=100)
}
.nav .m-link {
	display: none
}
#section1 .contact-list {
	text-align: right;
	position: absolute;
	right: 4.583%;
	bottom: 6%;
	z-index: 10000
}
#section1 .contact-list a {
	display: block;
	position: relative
}
#section1 .contact-list span {
	font-size: 42px;
	color: #fff
}
#section1 .contact-list .code {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	top: -120px;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease
}
#section1 .contact-list .code img {
	width: 120px;
	height: 120px
}
#section1 .contact-list a:hover .code {
	top: -130px;
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible
}
#section1 .contact-list a {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px
}
.down {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 42px;
	z-index: 9;
	cursor: pointer;
	animation: bounce-down 1.5s 1s infinite linear;
	-webkit-animation: bounce-down 1.5s 1s infinite linear;
	-moz-animation: bounce-down 1.5s 1s infinite linear;
	-o-animation: bounce-down 1.5s 1s infinite linear;
	-ms-animation: bounce-down 1.5s 1s infinite linear
}
.down i {
	font-size: 36px;
	color: #fff
}
.container {
	padding-left: 5.781%;
	padding-right: 5.781%
}
.about-us {
	margin-top: 8.3333%;
	margin-left: -2.34375%;
	margin-right: -2.34375%
}
.about-us .about-sec {
	width: 50%;
	float: left;
	position: relative;
	padding-left: 2.34375%;
	padding-right: 2.34375%;
	overflow: hidden
}
.about-us .about-sec:hover .sec_title:after {
	width: 0
}
.about-us .image {
	overflow: hidden;
	background: #020202;
	position: relative;
	cursor: pointer;
	transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease
}
.about-us .image>img {
	opacity: .7;
	filter: alpha(opacity=70);
	transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease
}
.about-us .image:hover>img {
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	opacity: 1;
	filter: alpha(opacity=100)
}
.about-us .image:after {
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #333;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute
}
.about-us .image:hover:after {
	opacity: .8;
	filter: alpha(opacity=80)
}
.about-us .about-sec:nth-child(3) .image img, .about-us .about-sec:nth-child(4) .image img {
	opacity: 1;
	filter: alpha(opacity=100)
}
.about-us .about-sec ul {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0
}
.about-us .about-sec ul img {
	opacity: .7;
	filter: alpha(opacity=70);
	transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease
}
.about-us .about-sec ul:hover img {
	opacity: 1;
	filter: alpha(opacity=100)
}
.about-us .about-sec li {
	margin: 0;
	padding: 0
}
.about-us .about-sec:nth-child(3), .about-us .about-sec:nth-child(4) {
	margin-top: 5.109%
}
.about-us .about-sec:nth-child(3) .sec_title:after, .about-us .about-sec:nth-child(4) .sec_title:after {
	display: none
}
.sec_title {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	line-height: 1;
	padding-bottom: 20px;
	color: #fff;
	font-size: 22px;
	z-index: 9999
}
.sec_title:after {
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	background: #fff;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.inner-tit {
	margin: 8.377% auto 3.866%
}
.news {
	text-align: center;
	padding: 0 9.583%
}
.news .inner-tit {
	margin: 8.699% auto 4.511%
}
.news-list ul {
	margin-left: -10px;
	margin-right: -10px
}
.news-list li {
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	width: 25%;
	margin-top: 30px
}
.news-list li:nth-child(-n+4) {
	margin-top: 0
}
.news-list li a.img_scale {
	position: relative;
	background: #010839
}
.news-list li a.img_scale:after {
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute
}
.news-list li:hover .sec_title:after {
	width: 0
}
.news-list li:hover a.img_scale:after {
	opacity: .7;
	filter: alpha(opacity=70)
}
.news-list a {
	display: block;
	position: relative
}
.news-list .news-tit {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	color: #fff;
	font-size: 16px;
	z-index: 99;
	background: url(../images/news-shadow.png) no-repeat center bottom;
	background-size: 100% auto
}
.news-list .news-tit span {
	position: absolute;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	padding: 0 5%;
	bottom: 30px;
	left: 0;
	line-height: 1
}
.partner {
	padding: 0 9.583%;
	text-align: center
}
.marketing-list .sec_title {
	z-index: 99
}
.marketing-list ul {
	margin-left: -10px;
	margin-right: -10px
}
.marketing-list li {
	float: left;
	width: 33.3333%;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px
}
.marketing-list li:nth-child(-n+3) {
	margin-top: 0
}
.marketing-list li a.img_scale {
	position: relative
}
.marketing-list li a.img_scale:after {
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute
}
.marketing-list li:hover a.img_scale:after {
	opacity: .8;
	filter: alpha(opacity=80)
}
.marketing-list li:hover .sec_title:after {
	width: 0
}
.marketing-list a {
	display: block;
	position: relative
}
.button {
	position: relative;
	text-align: center;
	margin-top: 50px;
	z-index: 9999
}
.button:after {
	content: "";
	width: 1px;
	height: 11px;
	left: 50%;
	top: 50%;
	margin-top: -5.5px;
	background: #e1e1e1;
	position: absolute;
	display: block
}
.button>div {
	position: static;
	display: inline-block;
	vertical-align: middle;
	background: 0 0;
	width: auto;
	height: auto;
	margin: 0 10px
}
.button>div:hover i {
	color: #363636
}
.button i {
	font-size: 16px;
	color: #c6c6c6;
	transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease
}
.button i:hover {
	color: #000
}
.button .icon-you {
	font-size: 18px
}
.shopping {
	text-align: center;
	margin-top: 4.948%;
	padding-top: 4.167%;
	border-top: 1px solid #e8e8e8;
	padding-bottom: 4.4274%
}
.shopping-list {
	position: relative;
	overflow: hidden
}
.shopping-list ul {
	position: relative;
	float: left;
	left: 50%
}
.shopping-list ul li {
	position: relative;
	left: -50%;
	width: 310px;
	height: 80px;
	background: #ffa32c;
	margin: 0 19px;
	float: left;
	text-align: center;
	line-height: 80px;
	color: #fff;
	font-size: 16px;
	overflow: hidden;
	transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	cursor: pointer
}
.shopping-list ul li:hover {
	background: #ff9000
}
.shopping-list ul li:hover a img {
	margin-right: 30px
}
.shopping-list ul li a {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%
}
.shopping-list ul li img {
	margin-right: 20px;
	display: inline-block;
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.shopping-list ul li span {
	display: inline-block;
	vertical-align: middle;
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.shopping-list ul li em {
	display: block;
	font-style: normal;
	line-height: 1.444
}
.shopping-list ul li:hover .circle-left {
	animation: circleMove1 .8s linear;
	-webkit-animation: circleMove1 .8s linear;
	-moz-animation: circleMove1 .8s linear;
	-o-animation: circleMove1 .8s linear;
	-ms-animation: circleMove1 .8s linear
}
.shopping-list ul li:hover .circle-right {
	animation: circleMove2 1.6s linear;
	-webkit-animation: circleMove2 1.6s linear;
	-moz-animation: circleMove2 1.6s linear;
	-o-animation: circleMove2 1.6s linear;
	-ms-animation: circleMove2 1.6s linear
}
.shopping-list ul li .texture-circle {
	height: 100%;
	position: absolute;
	top: 0
}
.shopping-list ul li .circle-left {
	left: 8%
}
.shopping-list ul li .circle-right {
	right: 0
}
.shopping-list ul .n-btn img {
	display: inline-block
}
.shopping-list ul .n-btn span {
	display: inline-block;
	vertical-align: middle
}
.shopping-list ul .n-btn em {
	display: block;
	font-style: normal;
	line-height: 1.444
}
.shopping-list ul .n-btn .m-btn {
	display: none
}
@-webkit-keyframes circleMove1 {
0% {
clip:rect(79px 61px 148px 0);
clip:rect(79px,61px,148px,0)
}
100% {
clip:rect(0 61px 79px 0);
clip:rect(0,61px,79px,0)
}
}
@-webkit-keyframes circleMove2 {
0%, 50% {
clip:rect(0 132px 0 0);
clip:rect(0,132px,0,0)
}
100% {
clip:rect(0 132px 79px 0);
clip:rect(0,132px,79px,0)
}
}
@keyframes warn {
0%, 100% {
transform:scale(1) translate(-50%, -50%);
-webkit-transform:scale(1) translate(-50%, -50%)
}
25% {
transform:scale(1.3) translate(-50%, -50%);
-webkit-transform:scale(1.3) translate(-50%, -50%)
}
50% {
transform:scale(1.6) translate(-50%, -50%);
-webkit-transform:scale(1.6) translate(-50%, -50%)
}
75% {
transform:scale(1.9) translate(-50%, -50%);
-webkit-transform:scale(1.9) translate(-50%, -50%)
}
}
.section .container {
	width: 100%
}
@media (min-width:769px) {
.wow {
	opacity: 0;
	filter: alpha(opacity=0)
}
.about-us .about-sec.move:nth-child(1) {
	animation: fadeInUp50 1s ease forwards;
	-webkit-animation: fadeInUp50 1s ease forwards;
	-moz-animation: fadeInUp50 1s ease forwards;
	-o-animation: fadeInUp50 1s ease forwards;
	-ms-animation: fadeInUp50 1s ease forwards
}
.about-us .about-sec.move:nth-child(2) {
	animation: fadeInUp50 1s ease .3s forwards;
	-webkit-animation: fadeInUp50 1s ease .3s forwards;
	-moz-animation: fadeInUp50 1s ease .3s forwards;
	-o-animation: fadeInUp50 1s ease .3s forwards;
	-ms-animation: fadeInUp50 1s ease .3s forwards
}
.about-us .about-sec.move:nth-child(3) {
	animation: fadeInUp50 1s ease .6s forwards;
	-webkit-animation: fadeInUp50 1s ease .6s forwards;
	-moz-animation: fadeInUp50 1s ease .6s forwards;
	-o-animation: fadeInUp50 1s ease .6s forwards;
	-ms-animation: fadeInUp50 1s ease .6s forwards
}
.about-us .about-sec.move:nth-child(4) {
	animation: fadeInUp50 1s ease .9s forwards;
	-webkit-animation: fadeInUp50 1s ease .9s forwards;
	-moz-animation: fadeInUp50 1s ease .9s forwards;
	-o-animation: fadeInUp50 1s ease .9s forwards;
	-ms-animation: fadeInUp50 1s ease .9s forwards
}
.sec_title2.move {
	animation: fadeInUp50 1s ease .3s forwards;
	-webkit-animation: fadeInUp50 1s ease .3s forwards;
	-moz-animation: fadeInUp50 1s ease .3s forwards;
	-o-animation: fadeInUp50 1s ease .3s forwards;
	-ms-animation: fadeInUp50 1s ease .3s forwards
}
.marketing-list li.move:nth-child(1), .news-list li.move:nth-child(1) {
	animation: fadeInUp50 1s ease .1s forwards;
	-webkit-animation: fadeInUp50 1s ease .1s forwards;
	-moz-animation: fadeInUp50 1s ease .1s forwards;
	-o-animation: fadeInUp50 1s ease .1s forwards;
	-ms-animation: fadeInUp50 1s ease .1s forwards
}
.marketing-list li.move:nth-child(2), .news-list li.move:nth-child(2) {
	animation: fadeInUp50 1s ease .2s forwards;
	-webkit-animation: fadeInUp50 1s ease .2s forwards;
	-moz-animation: fadeInUp50 1s ease .2s forwards;
	-o-animation: fadeInUp50 1s ease .2s forwards;
	-ms-animation: fadeInUp50 1s ease .2s forwards
}
.marketing-list li.move:nth-child(3), .news-list li.move:nth-child(3) {
	animation: fadeInUp50 1s ease .3s forwards;
	-webkit-animation: fadeInUp50 1s ease .3s forwards;
	-moz-animation: fadeInUp50 1s ease .3s forwards;
	-o-animation: fadeInUp50 1s ease .3s forwards;
	-ms-animation: fadeInUp50 1s ease .3s forwards
}
.marketing-list li.move:nth-child(4), .news-list li.move:nth-child(4) {
	animation: fadeInUp50 1s ease .4s forwards;
	-webkit-animation: fadeInUp50 1s ease .4s forwards;
	-moz-animation: fadeInUp50 1s ease .4s forwards;
	-o-animation: fadeInUp50 1s ease .4s forwards;
	-ms-animation: fadeInUp50 1s ease .4s forwards
}
.marketing-list li.move:nth-child(5), .news-list li.move:nth-child(5) {
	animation: fadeInUp50 1s ease .5s forwards;
	-webkit-animation: fadeInUp50 1s ease .5s forwards;
	-moz-animation: fadeInUp50 1s ease .5s forwards;
	-o-animation: fadeInUp50 1s ease .5s forwards;
	-ms-animation: fadeInUp50 1s ease .5s forwards
}
.marketing-list li.move:nth-child(6), .news-list li.move:nth-child(6) {
	animation: fadeInUp50 1s ease .6s forwards;
	-webkit-animation: fadeInUp50 1s ease .6s forwards;
	-moz-animation: fadeInUp50 1s ease .6s forwards;
	-o-animation: fadeInUp50 1s ease .6s forwards;
	-ms-animation: fadeInUp50 1s ease .6s forwards
}
.news-list li.move:nth-child(7) {
	animation: fadeInUp50 1s ease .7s forwards;
	-webkit-animation: fadeInUp50 1s ease .7s forwards;
	-moz-animation: fadeInUp50 1s ease .7s forwards;
	-o-animation: fadeInUp50 1s ease .7s forwards;
	-ms-animation: fadeInUp50 1s ease .7s forwards
}
.news-list li.move:nth-child(8) {
	animation: fadeInUp50 1s ease .8s forwards;
	-webkit-animation: fadeInUp50 1s ease .8s forwards;
	-moz-animation: fadeInUp50 1s ease .8s forwards;
	-o-animation: fadeInUp50 1s ease .8s forwards;
	-ms-animation: fadeInUp50 1s ease .8s forwards
}
.news-con.move {
	animation: fadeInUp50 1s ease .5s forwards;
	-webkit-animation: fadeInUp50 1s ease .5s forwards;
	-moz-animation: fadeInUp50 1s ease .5s forwards;
	-o-animation: fadeInUp50 1s ease .5s forwards;
	-ms-animation: fadeInUp50 1s ease .5s forwards
}
.partner-left.move {
	animation: fadeInLeft50 1s ease .2s forwards;
	-webkit-animation: fadeInLeft50 1s ease .2s forwards;
	-moz-animation: fadeInLeft50 1s ease .2s forwards;
	-o-animation: fadeInLeft50 1s ease .2s forwards;
	-ms-animation: fadeInLeft50 1s ease .2s forwards
}
.partner-right.move {
	animation: fadeInLeft50 1s ease .4s forwards;
	-webkit-animation: fadeInLeft50 1s ease .4s forwards;
	-moz-animation: fadeInLeft50 1s ease .4s forwards;
	-o-animation: fadeInLeft50 1s ease .4s forwards;
	-ms-animation: fadeInLeft50 1s ease .4s forwards
}
.marketing.move {
	animation: fadeInUp50 1s ease .6s forwards;
	-webkit-animation: fadeInUp50 1s ease .6s forwards;
	-moz-animation: fadeInUp50 1s ease .6s forwards;
	-o-animation: fadeInUp50 1s ease .6s forwards;
	-ms-animation: fadeInUp50 1s ease .6s forwards
}
.shopping-list ul li.move:nth-child(1) {
	animation: fadeInUp50 1s ease .2s forwards;
	-webkit-animation: fadeInUp50 1s ease .2s forwards;
	-moz-animation: fadeInUp50 1s ease .2s forwards;
	-o-animation: fadeInUp50 1s ease .2s forwards;
	-ms-animation: fadeInUp50 1s ease .2s forwards
}
.shopping-list ul li.move:nth-child(2) {
	animation: fadeInUp50 1s ease .4s forwards;
	-webkit-animation: fadeInUp50 1s ease .4s forwards;
	-moz-animation: fadeInUp50 1s ease .4s forwards;
	-o-animation: fadeInUp50 1s ease .4s forwards;
	-ms-animation: fadeInUp50 1s ease .4s forwards
}
.shopping-list ul li.move:nth-child(3) {
	animation: fadeInUp50 1s ease .6s forwards;
	-webkit-animation: fadeInUp50 1s ease .6s forwards;
	-moz-animation: fadeInUp50 1s ease .6s forwards;
	-o-animation: fadeInUp50 1s ease .6s forwards;
	-ms-animation: fadeInUp50 1s ease .6s forwards
}
}
.inner-tit .cn a {
	color: #333;
	display: inline-block;
	vertical-align: middle;
	transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease
}
.inner-tit .cn a:hover {
	color: #f5af06
}
.inner-tit .cn a:before {
	content: "|";
	margin: 0 15px
}
@media (max-width:1880px) {
.banner-txt .series {
	font-size: 82px
}
.banner-txt .year {
	font-size: 56px
}
.sec-tit h3 {
	font-size: 47px
}
}
@media (max-width:1770px) {
.banner-txt .series {
	font-size: 78px
}
.banner-txt .year {
	font-size: 52px
}
.banner-txt h1 {
	font-size: 42px
}
.about-us {
	margin-left: -1.5%;
	margin-right: -1.5%
}
.about-us .about-sec {
	padding-left: 1.5%;
	padding-right: 1.5%
}
.about-us .about-sec:nth-child(3), .about-us .about-sec:nth-child(4) {
	margin-top: 4%
}
.news-list .news-tit span {
	bottom: 20px
}
.sec-tit h3 {
	font-size: 44px;
	margin-bottom: 20px
}
}
@media (max-width:1680px) {
.footer .container {
	padding-left: 0;
	padding-right: 0
}
.banner-txt .series {
	font-size: 74px
}
.sec_title {
	font-size: 18px
}
.banner-txt .year {
	font-size: 50px
}
.sec-tit h3 {
	font-size: 42px
}
.sec-tit h4 {
	font-size: 16px
}
}
@media (max-width:1560px) {
.banner-txt .series {
	font-size: 68px
}
.banner-txt .year {
	font-size: 48px
}
.sec-tit h3 {
	font-size: 40px
}
}
@media (max-width:1440px) {
.marketing-list ul, .news-list ul {
	margin-left: -7.5px;
	margin-right: -7.5px
}
.marketing-list li, .news-list li {
	padding-left: 7.5px;
	padding-right: 7.5px
}
.marketing-list li {
	margin-top: 15px
}
.shopping-list ul li:first-child img {
	width: 28px;
	height: auto
}
.shopping-list ul li:first-child+li img {
	width: 28px;
	height: auto
}
.shopping-list ul li:first-child+li+li img {
	width: 30px;
	height: auto
}
.banner-txt .series {
	font-size: 56px
}
.banner-txt h1 {
	font-size: 36px
}
.video-con .play {
	width: 60px;
	height: 60px;
	margin-bottom: 30px
}
.video-con .play img {
	width: 60px
}
.product-con .title, .sec_title2 .title {
	font-size: 38px
}
.sec_title {
	padding-bottom: 12px
}
.about-us {
	margin-left: -1%;
	margin-right: -1%
}
.about-us .about-sec {
	padding-left: 1%;
	padding-right: 1%
}
.about-us .about-sec:nth-child(3) {
	margin-top: 3%
}
.about-us .about-sec:nth-child(3) .sec_title img {
	width: 130px
}
.about-us .about-sec:nth-child(4) {
	margin-top: 3%
}
.about-us .about-sec:nth-child(4) .sec_title img {
	width: 160px
}
.news .news-tit {
	font-size: 14px
}
.partner-right li {
	margin-top: 24px
}
.banner-txt .year {
	font-size: 46px
}
.sec_title:after {
	height: 1px
}
.sec_title2 .title {
	margin-bottom: 1.2%
}
.partner .partner-title {
	margin: 5% 0 4% 0
}
.shopping-list ul li {
	font-size: 14px;
	width: 280px
}
.sec-tit h3 {
	font-size: 38px
}
}
@media (max-height:768px) {
.bar {
	background: #fff
}
.footer {
	padding-top: 3%
}
.footer-menu ul li>div {
	margin-bottom: 30px
}
.footer-menu dd a {
	line-height: 28px
}
.footer-top:after {
	top: 35px
}
.footer-bottom {
	height: 50px;
	line-height: 50px
}
#section1 .contact-list span {
	font-size: 44px
}
.footer-top {
	padding-bottom: 2.5%
}
}
@media (max-width:1360px) {
.banner-txt .series {
	font-size: 60px
}
.product-con .title, .sec_title2 .title {
	font-size: 34px
}
.banner-txt .year {
	font-size: 44px
}
.sec_title2 .title {
	margin-bottom: 1%
}
.sec-tit h3 {
	font-size: 34px
}
.sec-tit h4 {
	font-size: 14px
}
}
@media (max-width:1280px) {
.banner-txt .series {
	font-size: 56px
}
.product-con .title, .sec_title2 .title {
	font-size: 32px
}
.sec_title {
	font-size: 18px
}
.banner-txt .year {
	font-size: 40px
}
.sec-tit h3 {
	font-size: 32px
}
}
@media (max-width:1200px) {
.banner-txt .series {
	font-size: 52px
}
.banner-txt h1 {
	font-size: 32px
}
.video-con .play {
	width: 50px;
	height: 50px;
	margin-bottom: 20px
}
.video-con .play img {
	width: 50px
}
#section1 .contact-list span {
	font-size: 36px
}
.product-con .title, .sec_title2 .title {
	font-size: 30px
}
.sec_title2 .subtitle {
	font-size: 16px
}
.partner .swiper-pagination {
	top: 54%
}
.shopping-list ul li {
	width: 260px
}
.banner-txt .year {
	font-size: 36px
}
.fp-section {
	height: auto!important
}
.partner .container {
	padding-right: 9.01%;
	padding-left: 9.84375%
}
.about-us {
	margin-left: -8px;
	margin-right: -8px
}
.about-us .about-sec {
	padding-left: 8px;
	padding-right: 8px
}
.about-us .about-sec:nth-child(3) {
	margin-top: 20px
}
.about-us .about-sec:nth-child(3) .sec_title img {
	width: 110px
}
.about-us .about-sec:nth-child(4) {
	margin-top: 20px
}
.about-us .about-sec:nth-child(4) .sec_title img {
	width: 130px
}
.news-list ul {
	margin-left: -8px;
	margin-right: -8px
}
.news-list li {
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 20px
}
.news-list .news-tit span {
	bottom: 15px
}
.partner-con {
	margin-left: -8px;
	margin-right: -8px
}
.partner-left, .partner-right {
	padding-left: 8px;
	padding-right: 8px
}
.partner-right ul {
	margin-left: -8px;
	margin-right: -8px
}
.partner-right li {
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 20px
}
.marketing-list ul {
	margin-left: -8px;
	margin-right: -8px
}
.marketing-list li {
	padding-left: 8px;
	padding-right: 8px
}
.sec-tit h3 {
	font-size: 30px;
	margin-bottom: 10px
}
}
@media (max-width:1080px) {
.banner-txt .series {
	font-size: 48px
}
.product-con .title, .sec_title2 .title {
	font-size: 27px
}
.banner-txt .year {
	font-size: 32px
}
.sec-tit h3 {
	font-size: 27px
}
}
@media (max-width:1000px) {
.container {
	padding-left: 5%;
	padding-right: 5%
}
.news, .partner {
	padding: 6.77% 5% 0 5%
}
.banner-txt h1 {
	font-size: 28px
}
.sec_title {
	font-size: 16px;
	padding-bottom: 10px
}
.news-list li {
	width: 33.3333%
}
.news-list li:nth-child(-n+4) {
	margin-top: 20px
}
.news-list li:nth-child(-n+3) {
	margin-top: 0
}
}
@media (max-width:992px) {
.banner-txt .series {
	font-size: 44px
}
.product-con .title, .sec_title2 .title {
	font-size: 24px
}
.shopping-list ul li {
	width: 230px;
	margin: 0 10px 15px;
	height: 70px;
	line-height: 70px
}
.shopping-list ul li img {
	margin-right: 12px
}
.banner-txt .year {
	font-size: 28px
}
.sec_title2 .subtitle {
	font-size: 14px
}
.footer-bottom {
	height: auto;
	line-height: normal
}
.shopping {
	margin-bottom: 9%
}
.shopping-list {
	margin-top: 5%
}
.product-con p {
	line-height: 24px
}
.sec-tit h3 {
	font-size: 22px;
	margin-bottom: 10px
}
}
@media (max-width:880px) {
.banner-txt .series {
	font-size: 38px
}
.product-con .title, .sec_title2 .title {
	font-size: 22px
}
.banner-txt .year {
	font-size: 24px
}
.sec_title {
	font-size: 15px;
	padding-bottom: 9px
}
.about-us {
	margin-left: -5px;
	margin-right: -5px
}
.about-us .about-sec {
	padding-left: 5px;
	padding-right: 5px
}
.about-us .about-sec:nth-child(3) {
	margin-top: 12px
}
.about-us .about-sec:nth-child(3) .sec_title img {
	width: 90px
}
.about-us .about-sec:nth-child(4) {
	margin-top: 12px
}
.about-us .about-sec:nth-child(4) .sec_title img {
	width: 110px
}
.news-list ul {
	margin-left: -5px;
	margin-right: -5px
}
.news-list li {
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 12px
}
.news-list li:nth-child(-n+4) {
	margin-top: 12px
}
.news-list li:nth-child(-n+3) {
	margin-top: 0
}
.partner-con {
	margin-left: -5px;
	margin-right: -5px
}
.partner-left, .partner-right {
	padding-left: 5px;
	padding-right: 5px
}
.partner-right ul {
	margin-left: -5px;
	margin-right: -5px
}
.partner-right li {
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 12px
}
.marketing-list ul {
	margin-left: -5px;
	margin-right: -5px
}
.marketing-list li {
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 12px
}
}
@media (max-width:768px) {
.nav {
	width: 75%;
	bottom: 25px
}
.nav a {
	margin-right: 12px
}
.nav .pc-link {
	display: none
}
.nav .m-link {
	display: inline-block
}
#section1 .contact-list {
	bottom: 15px;
	right: 2%
}
#section1 .contact-list a {
	margin-left: 0
}
.fp-section.fp-table, .fp-slide.fp-table, .fp-tableCell {
	height: auto!important
}
.product-con {
	padding: 0
}
.about-us .about-sec:nth-child(2) {
	margin-bottom: 0
}
.product {
	margin: 8% 0 16% 0
}
.product-con .con-top {
	padding: 8% 5%
}
.product-con .product-alumn {
	margin-top: 0
}
.product-con .tit-warp {
	float: left;
	width: 120px
}
.product-con .subtitle {
	margin-top: 10px;
	margin-bottom: 0
}
.product-con .product-alumn {
	width: 68%;
	margin: 0 auto
}
.product-con p {
	width: calc(100% - 120px);
	padding-left: 5%;
	float: right
}
.partner .marketing {
	width: 84%;
	margin: 18% auto 0;
	float: none
}
.header {
	position: absolute;
	background: 0 0
}
.banner-txt .series {
	font-size: 34px
}
.banner-txt .year, .product-con .title, .sec_title2 .title {
	font-size: 20px
}
.shopping-list ul li:first-child img {
	width: 20px;
	height: auto;
	margin-right: 5px
}
.shopping-list ul li:first-child+li img {
	width: 20px;
	height: auto;
	margin-right: 5px
}
.shopping-list ul li:first-child+li+li img {
	width: 22px;
	height: auto;
	margin-right: 5px
}
.shopping-list ul li {
	width: 160px;
	height: 55px;
	line-height: 55px;
	margin: 0 4px 10px
}
.shopping-list ul .n-btn {
	width: 200px
}
.shopping-list ul .n-btn .pc-btn {
	display: none
}
.shopping-list ul .n-btn .m-btn {
	display: block
}
.partner .supplier, .product .video, .product-con {
	width: 100%;
	float: none
}
.partner .container {
	padding: 0
}
.partner .container .btn {
	margin-right: auto;
	margin-left: auto
}
.partner .swiper-pagination {
	top: auto;
	bottom: 72px;
	width: 100%;
	text-align: center
}
.sec_title2 {
	text-align: center
}
.partner-txt {
	padding: 0 5%
}
.footer {
	position: static
}
.footer-menu ul li>div {
	margin-bottom: 0
}
.footer-bottom {
	height: auto!important
}
.shopping {
	padding-bottom: 0!important
}
.product .play, .product .play img {
	width: 45px;
	height: 45px
}
.product .play {
	margin-left: -22.5px;
	margin-top: -22.5px
}
.shopping-list ul {
	float: none;
	left: auto;
	font-size: 0
}
.shopping-list ul li {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	float: none;
	left: auto
}
.shopping {
	margin-top: 8.6667%;
	margin-bottom: 14%
}
.partner .partner-title {
	font-size: 18px
}
.partner .supplier p {
	line-height: 24px
}
.news .news-con, .shopping-list {
	margin-top: 8.6667%
}
.partner .partner-con {
	padding-top: 8.6667%
}
.sec-tit h3:after {
	margin: 10px auto
}
}
@media (max-width:580px) {
.about-us {
	margin-left: 0;
	margin-right: 0;
	margin-top: 45px
}
.about-us .about-sec {
	width: 100%;
	padding-left: 0;
	padding-right: 0
}
.about-us .about-sec:nth-child(2) {
	margin-top: 12px
}
.news-list {
	margin-top: 25px
}
.news-list li {
	width: 50%
}
.news-list li:nth-child(-n+3) {
	margin-top: 12px
}
.news-list li:nth-child(-n+2) {
	margin-top: 0
}
.partner-con {
	margin-left: 0;
	margin-right: 0
}
.partner .partner-con {
	padding-top: 25px
}
.partner-left, .partner-right {
	width: 100%;
	padding-left: 0;
	padding-right: 0
}
.partner-right {
	margin-top: 12px
}
.marketing-list {
	margin-top: 25px
}
.marketing-list li {
	width: 50%
}
.marketing-list li:nth-child(-n+3) {
	margin-top: 12px
}
.marketing-list li:nth-child(-n+2) {
	margin-top: 0
}
.news, .partner {
	padding: 45px 5% 0 5%
}
.shopping {
	padding-top: 15px
}
}
@media (max-width:480px) {
.nav {
	bottom: 15px
}
#section1 .contact-list span {
	font-size: 30px
}
.product-con p {
	line-height: 24px
}
.shopping-list ul li:first-child img {
	margin-right: 10px
}
.shopping-list ul li:first-child+li img {
	margin-right: 10px
}
.shopping-list ul li:first-child+li+li img {
	margin-right: 10px
}
.shopping-list ul li {
	width: 230px
}
.shopping-list ul .n-btn {
	width: 230px
}
.partner .container .btn {
	margin-top: 40px
}
.product-con .tit-warp, .product-con p {
	width: 100%;
	float: none
}
.product-con p {
	padding-left: 0;
	margin-top: 5%
}
.partner .partner-title {
	font-size: 16px
}
.shopping-list ul li img {
	margin-right: 8px
}
.banner-txt .series {
	font-size: 24px;
	margin-bottom: 15px
}
.swiper-slide-active .banner-txt .line {
	width: 68px;
	margin-top: 15px
}
.shopping-list ul li img {
	width: 25px
}
}
@media (max-width:375px) {
#section1 .contact-list a {
	margin-left: 0;
	margin-right: 5px
}
.nav a {
	margin-right: 10px
}
.news-list {
	margin-top: 20px
}
.marketing-list {
	margin-top: 20px
}
.marketing-list ul {
	margin-left: 0;
	margin-right: 0
}
.marketing-list li {
	width: 100%;
	float: none;
	padding-left: 0;
	padding-right: 0
}
.marketing-list li:nth-child(2) {
	margin-top: 12px
}
.partner .partner-con {
	padding-top: 20px
}
}