@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
}
.hiddex-ms {
	display: block
}
.show-ms {
	display: none
}
.pnav {
	margin-top: 30px;
	text-align: center;
	line-height: 24px;
	font-size: 16px
}
.pnav a {
	padding: 4px
}
.pnav a.cur {
	background: #007bc4;
	color: #fff
}
.demo {
	width: 80%;
	margin: 10px auto
}
.my-gallery {
	width: 100%;
	float: left
}
.my-gallery img {
	width: 100%;
	height: auto
}
.my-gallery figure {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	width: 150px
}
.my-gallery figcaption {
	display: none
}
.banner {
	position: relative;
	color: #fffefe;
	line-height: 1
}
.banner img {
	opacity: 0;
	filter: alpha(opacity=0)
}
.banner .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.banner .banner-txt {
	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%);
	text-align: center;
	text-transform: uppercase
}
.banner h1 {
	font-size: 50px;
	margin-bottom: 25px;
	font-family: "Adobe songti", "宋体"
}
.banner h2 {
	font-size: 22px
}
.container {
	width: 81.25%;
	margin: 0 auto
}
.about-container .inner-tit2, .brand-introduction .inner-tit2, .cooperative-partner .cooper-right .inner-tit2, .culture-friends .friends-left .inner-tit2 {
	text-align: left
}
.about-container .inner-tit2 .en:after, .brand-introduction .inner-tit2 .en:after, .cooperative-partner .cooper-right .inner-tit2 .en:after, .culture-friends .friends-left .inner-tit2 .en:after {
	display: none
}
.about-container .inner-tit2 p, .brand-introduction .inner-tit2 p, .cooperative-partner .cooper-right .inner-tit2 p, .culture-friends .friends-left .inner-tit2 p {
	font-size: 18px;
	line-height: 1;
	color: #ffa32c;
	margin-top: 15px
}
.sec-con {
	font-size: 14px;
	color: #666;
	line-height: 26px;
	letter-spacing: .5px
}
.sec-con p {
	margin-bottom: 25px
}
.sec-con p:last-child {
	margin-bottom: 0
}
.con {
	font-size: 14px
}
.bread-menu {
	padding: 1.458% 3.3854% 0 3.3854%;
	font-size: 0
}
.bread-menu a {
	font-size: 12px;
	color: #999;
	line-height: 1;
	display: inline-block;
	vertical-align: middle
}
.bread-menu a:after {
	content: "";
	width: 5px;
	height: 9px;
	display: inline-block;
	background: url(../images/arrow.png) no-repeat center;
	margin: 0 10px;
	vertical-align: middle
}
.bread-menu a:last-child {
	color: #ffa32c
}
.bread-menu a:last-child:after {
	display: none
}
section {
	margin-top: 8.334%
}
.about-us {
	font-size: 0
}
.about-us .about-img, .about-us .about-txt {
	display: inline-block;
	vertical-align: middle
}
.about-us .about-txt {
	width: 47.436%;
	padding-left: 10.257%;
	padding-right: 12.821%
}
.about-us .about-img {
	width: 52.564%
}
.about-us .btn {
	margin-top: 13.16%
}
.brand-history {
	margin-bottom: 7.292%
}
.history-list {
	margin-top: 5.449%
}
.history-list ul {
	margin-left: -10px;
	margin-right: -10px
}
.history-list ul li {
	float: left;
	width: 25%;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px;
	cursor: pointer
}
.history-list ul li>div {
	position: relative
}
.history-list ul li>div:after {
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background: #ea8500;
	transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 1
}
.history-list ul li:hover>div:after {
	opacity: .8;
	filter: alpha(opacity=80)
}
.history-list ul li p {
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	margin-top: 15px
}
.history-list ul li:nth-child(-n+4) {
	margin-top: 0
}
.history-list .history-mask {
	position: absolute;
	width: 100%;
	color: #fff;
	text-align: center;
	left: 0;
	top: 50%;
	z-index: 2;
	padding: 0 10.695%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%)
}
.history-list .year {
	font-size: 24px;
	line-height: 1
}
.competitiveness-list h3 {
	font-size: 22px;
	position: relative;
	line-height: 1;
	padding-bottom: 27px;
	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
}
.competitiveness-list h3:after {
	content: "";
	width: 100%;
	height: 2px;
	background: #fff;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	bottom: 0;
	position: absolute;
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.competitiveness-list ul li:hover h3:after {
	width: 0
}
.competence {
	font-size: 0;
	margin-bottom: 8.3333%
}
.competence .competence-left, .competence .competence-right {
	display: inline-block;
	vertical-align: middle
}
.competence .competence-left {
	width: 40.385%;
	padding-right: 7.052%
}
.competence .competence-left h2 {
	font-size: 25px;
	line-height: 1;
	color: #666;
	margin-bottom: 20px
}
.competence .sec-con {
	margin-top: 35px
}
.competence .sec-con h4 {
	color: #666;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 30px
}
.competence .competence-right {
	width: 59.615%
}
.competence .competence-right>div:first-child {
	width: 61.077%
}
.competence .competence-right>div:first-child+div {
	width: 37.205%
}
.competence .btn {
	margin-top: 13.16%
}
.honor {
	background: #f6f6f6;
	padding-top: 7.292%;
	padding-bottom: 7.03125%
}
.honor .supplier-tit h3 {
	margin-top: 0
}
.honor .supplier-tit {
	margin-bottom: 4.1667%
}
.honor .sec-tit {
	text-align: center;
	margin-bottom: 7.292%
}
.honor .honor-con {
	margin-top: 4.4272%
}
.honor .swiper-slide {
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	display: -webkit-flex;
	display: flex;
	align-items: center
}
.honor .swiper-slide-active, .honor .swiper-slide:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.about-container .honor {
	background: #fff
}
.button {
	position: relative;
	text-align: center;
	margin-top: 3.907%
}
.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: 20px;
	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 .icon-you {
	font-size: 18px
}
.join {
	padding-bottom: 8.334%
}
.join .sec-tit {
	text-align: center;
	margin-bottom: 6.09%
}
.join .join-list {
	padding: 0 12.821%
}
.join-list ul li {
	margin-bottom: 12px
}
.join-list ul li:last-child {
	margin-bottom: 0
}
.join-list ul li .recruit-tit {
	height: 60px;
	background: #f5f5f5;
	line-height: 60px;
	padding-left: 4.311%;
	padding-right: 2.156%;
	color: #666;
	font-size: 14px;
	cursor: pointer
}
.join-list ul li .recruit-tit span {
	margin-right: 75px
}
.join-list ul li .recruit-tit .fold-icon {
	color: #666
}
.join-list ul li .recruit-tit i {
	color: #363636;
	font-size: 18px;
	margin-right: 10px
}
.join-list ul li .recruit-det {
	padding: 0 4.311%;
	margin-top: 4.311%;
	display: none
}
.join-list ul li .recruit-det h5 {
	color: #333;
	font-size: 16px;
	margin-bottom: 2.156%
}
.join-list ul li .recruit-det p {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	margin-bottom: 4.311%
}
.brand-introduction {
	background: #f6f6f6;
	font-size: 0;
	margin-top: 0;
	padding: 6.40625% 0
}
.brand-introduction .introduction-left, .brand-introduction .introduction-right {
	width: 50%;
	display: inline-block;
	vertical-align: middle
}
.brand-introduction .introduction-left {
	padding-left: .777%;
	padding-right: 1.229%
}
.brand-introduction .introduction-right {
	padding-left: 6.411%;
	padding-right: 8.7%
}
.brand-introduction .introduction-right .con {
	margin-top: 50px
}
.brand-introduction .con h5 {
	margin-bottom: 10px
}
.brand-introduction .sec-tit h3 {
	margin-bottom: 6.734%
}
.brand-introduction .sec-tit h3:after {
	display: none
}
.brand-introduction .sec-tit h4 {
	color: #ffa32c;
	font-size: 18px
}
.brand-introduction .sec-tit {
	margin-bottom: 10.771%
}
.brand-introduction .btn {
	margin-top: 16.16%
}
.con h5 {
	font-size: 14px;
	color: #ffa32c;
	line-height: 1;
	margin-bottom: 22px
}
.con h5+p+h5 {
	margin-top: 22px
}
.culture-friends {
	margin-top: 0;
	padding: 6.40625% 0;
	font-size: 0
}
.culture-friends .inner-tit {
	margin-bottom: 65px
}
.culture-friends .friends-left, .culture-friends .friends-right {
	display: inline-block;
	vertical-align: middle
}
.culture-friends .friends-left {
	width: 40.897%;
	padding-left: 8.975%;
	padding-right: 7.821%
}
.culture-friends .friends-right {
	width: 59.103%
}
.culture-friends .friends-right .fl, .culture-friends .friends-right .fr {
	width: 46.846%
}
.culture-friends .btn {
	margin-top: 16.16%
}
.cooperative-partner {
	background: #f6f6f6;
	font-size: 0;
	margin-top: 0;
	padding: 6.40625% 0
}
.cooperative-partner .cooper-left, .cooperative-partner .cooper-right {
	width: 50%;
	display: inline-block;
	vertical-align: middle
}
.cooperative-partner .cooper-left {
	width: 52.2436%
}
.cooperative-partner .cooper-right {
	width: 47.7564%;
	padding-left: 8.975%;
	padding-right: 14.5%
}
.cooperative-partner .cooper-right .inner-tit {
	margin-bottom: 65px
}
.cooperative-partner .btn {
	margin-top: 16.16%
}
#brandvideo {
	margin-bottom: 3.125%
}
.brand-about-con {
	padding: 0 .777%;
	margin-top: 2.564%
}
.brand-video {
	font-size: 0;
	margin-top: 0;
	padding-top: 6.40625%;
	padding-bottom: 7.5521%
}
.brand-video .video-left, .brand-video .video-right {
	display: inline-block;
	vertical-align: middle
}
.brand-video .video-con {
	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%);
	text-align: center
}
.brand-video .sec-tit h3 {
	margin-bottom: 15px
}
.brand-video .sec-tit h3, .brand-video .sec-tit h4 {
	color: #fff
}
.brand-video .play {
	position: relative;
	margin: 0 auto;
	left: 0;
	top: 0
}
.video-left, .video-right {
	width: 49.5125%
}
.video-left .video-img, .video-right .video-img {
	background: #000;
	position: relative;
	overflow: hidden
}
.video-left .video-img:hover>img, .video-right .video-img:hover>img {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05)
}
.video-left .video-img>img, .video-right .video-img>img {
	opacity: .4;
	filter: alpha(opacity=40);
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.video-right {
	margin-left: .976%
}
.play {
	position: absolute;
	width: 84px;
	height: 84px;
	left: 50%;
	top: 50%;
	margin-left: -42px;
	margin-top: -42px;
	transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	z-index: 999;
	cursor: pointer
}
.play img {
	opacity: 1;
	filter: alpha(opacity=100)
}
.video-txt {
	width: 34.872%;
	padding-left: 11.859%
}
.new-btn {
	position: relative;
	overflow: hidden;
	margin-top: 3%
}
.new-btn ul {
	position: relative;
	float: left;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%)
}
.new-btn ul li {
	position: relative;
	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
}
.new-btn ul li:hover {
	background: #ff9000
}
.new-btn ul li:hover a img {
	margin-right: 30px
}
.new-btn ul li a {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%
}
.new-btn ul li img {
	margin-right: 20px;
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	display: inline-block
}
.new-btn ul li span {
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	display: inline-block;
	vertical-align: middle
}
.new-btn ul li em {
	font-style: normal;
	display: block;
	line-height: 1.444
}
.new-btn 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
}
.new-btn 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
}
.new-btn ul li .texture-circle {
	height: 100%;
	position: absolute;
	top: 0
}
.new-btn ul li .circle-left {
	left: 8%
}
.new-btn ul li .circle-right {
	right: 0
}
.new-btn ul .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%)
}
}
.section1 .swiper-container {
	width: 100%;
	height: 100%
}
.section1 .swiper-slide {
	position: relative
}
.section1 .swiper-slide .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	top: 0;
	left: 0
}
.swiper-pagination-bullet {
	width: 19px;
	height: 19px;
	border-radius: 0;
	transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	opacity: 1;
	filter: alpha(opacity=100);
	position: relative;
	background: 0 0
}
.swiper-pagination-bullet:after {
	content: "";
	position: absolute;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	bottom: 25px;
	background: #e5e7eb;
	display: block;
	left: 50%;
	top: 50%;
	margin-left: -4.5px;
	margin-top: -4.5px;
	transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease
}
.swiper-pagination-bullet-active:after {
	background: #ffb549
}
.section2 .bg {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-size: cover;
	z-index: -1
}
.section2 .bg:after {
	content: "";
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .8;
	filter: alpha(opacity=80);
	z-index: 1;
	left: 0;
	top: 0;
	display: block
}
.partner-video, .section2 {
	position: relative
}
.partner-video .video-con, .section2 .video-con {
	text-align: center;
	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%);
	z-index: 9
}
.partner-video .video-con .banner-txt, .partner-video .video-con .play, .section2 .video-con .banner-txt, .section2 .video-con .play {
	position: static;
	margin: 0 auto;
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none
}
.partner-video .video-con .play, .section2 .video-con .play {
	margin-bottom: 40px;
	position: relative;
	width: 84px;
	height: 84px;
	left: 0;
	top: 0
}
.section3 {
	background: #f6f6f6
}
.section3 .honor .swiper-slide-active img {
	transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%
}
.section3 .honor-con {
	padding: 2.5% 0
}
.section3 .honor {
	padding: 0
}
.section3 .honor .sec-tit {
	margin-bottom: 2.8645%
}
.section4 .container {
	padding: 0 5.1923%
}
.section4 .sec-tit {
	text-align: center;
	margin-bottom: 3.33%
}
.section4 .fabric-tit {
	position: absolute;
	padding-left: 2.8612%;
	padding-bottom: 23px;
	padding-top: 20%;
	width: 100%;
	left: 0;
	bottom: 0;
	background: url(../images/fabric-bg.png) no-repeat center bottom
}
.section4 .fabric-tit h5 {
	color: #f6f6f6;
	font-size: 20px;
	line-height: 1;
	margin-bottom: 25px
}
.section4 .fabric-tit p {
	color: #f6f6f6;
	line-height: 24px;
	font-size: 14px
}
.section4 .fabric-img {
	overflow: hidden
}
.section4 .fabric-img img {
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.section4 .fabric-img img:hover {
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05)
}
.section4 .swiper-pagination {
	position: static;
	text-align: center;
	color: #acaaaa;
	font-size: 20px;
	display: block;
	margin-top: 25px;
	font-family: "Adobe songti", "宋体"
}
.supplier-list {
	margin-bottom: 5%;
	padding: 0 13.462%
}
.supplier-list ul li {
	float: left;
	width: 46.3565%;
	background: #f8f8f8;
	padding: 3.071%;
	margin-top: 4.126%;
	transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease
}
.supplier-list ul li:nth-child(-n+2) {
	margin-top: 0
}
.supplier-list ul li:nth-child(2n+1) {
	margin-right: 7.287%
}
.supplier-list ul li .supplier-con {
	padding-left: 10px;
	margin-top: 9.38%;
	transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease
}
.supplier-list ul li h4 {
	font-size: 18px;
	color: #071d49;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	text-transform: uppercase;
	margin-bottom: 7.3%
}
.supplier-list ul li p {
	font-size: 14px;
	line-height: 25px;
	color: #a4a3a3;
	height: 85px;
	overflow: hidden
}
.supplier-list ul li:hover {
	-webkit-box-shadow: 0 0 60px rgba(0,0,0,.15);
	box-shadow: 0 0 60px rgba(0,0,0,.15)
}
.supplier-list ul li:hover .supplier-con {
	padding-left: 4.356%
}
#mlvideo {
	margin-bottom: 7.693%;
	padding: 0 13.462%
}
.partner-container {
	margin-top: 4.427%
}
.partner-container .sec-tit {
	text-align: center;
	margin-bottom: 4.8%
}
.partner-container .supplier-list {
	padding: 0 5.128%
}
.partner-container .supplier-list ul li {
	text-align: center;
	width: 46.785%
}
.partner-container .supplier-list ul li h4 {
	font-size: 22px;
	position: relative
}
.partner-container .supplier-list ul li h4 span {
	position: relative;
	z-index: 2;
	background: #fbfbfb;
	padding: 0 20px
}
.partner-container .supplier-list ul li h4:after {
	content: "";
	background: #ebebeb;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%;
	display: block;
	z-index: 1
}
.partner-container .supplier-list ul li p {
	height: auto;
	font-size: 16px;
	line-height: 34px
}
.partner-container .supplier-list ul li:nth-child(2n+1) {
	margin-right: 6.43%
}
.partner-container.competence-container {
	margin-top: 2.5%
}
.competence-profile {
	position: relative;
	padding: 8.073% 0 8.3333% 0;
	font-size: 0
}
.competence-profile .competence-con, .competence-profile .competence-img {
	display: inline-block;
	vertical-align: middle
}
.competence-profile dl {
	margin-top: 9.05%;
	margin-left: -15px;
	margin-right: -15px
}
.competence-profile dl img {
	width: 80px;
	height: auto
}
.competence-profile dl dd {
	float: left;
	padding: 0 15px;
	text-align: center
}
.competence-profile dl dd:last-child {
	margin-right: 0
}
.competence-profile dl dd p {
	margin-top: 12px;
	font-size: 16px;
	color: #666;
	line-height: 1
}
.competence-profile .competence-img {
	width: 43.71%
}
.competence-profile .competence-con {
	width: 56.29%;
	line-height: 24px;
	font-size: 14px;
	color: #666;
	padding-left: 9.74%
}
.competence-profile h5 {
	font-size: 25px;
	color: #ffa32c;
	line-height: 1;
	margin-bottom: 7.543%
}
.competence-model {
	background: #ff9d29;
	font-size: 0;
	padding: 6.51% 0 6.25% 0;
	overflow: hidden;
	position: relative
}
.competence-model .container {
	position: relative;
	z-index: 999
}
.competence-model .model-left, .competence-model .model-right {
	display: inline-block;
	vertical-align: middle;
	width: 50%
}
.competence-model .model-left {
	padding-left: 6.218%;
	padding-right: 17.3%
}
.competence-model .model-right {
	padding-left: 6.218%
}
.competence-model h5 {
	font-size: 25px;
	color: #fff;
	line-height: 1;
	margin-bottom: 7.543%
}
.competence-model p {
	color: #fff;
	line-height: 24px;
	font-size: 14px
}
.competence-model .border-line, .competence-model .model-list {
	width: 514px;
	text-align: center
}
.competence-model .model-list .model-icon {
	width: 178px;
	height: 178px;
	display: table;
	float: left;
	background: #ff9313;
	border-radius: 50%;
	color: #fff;
	font-size: 18px;
	text-align: center;
	position: relative
}
.competence-model .model-list .model-icon:after {
	content: "";
	width: 105%;
	height: 105%;
	border: 1px solid #ff961a;
	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%);
	border-radius: 50%
}
.competence-model .model-list .model-icon img {
	margin-bottom: 10px
}
.competence-model .model-list .model-icon>span {
	display: table-cell;
	vertical-align: middle
}
.competence-model .model-list .model-icon:nth-child(2) {
	margin: 0 -10px
}
.competence-model .model-list .model-icon:nth-child(1), .competence-model .model-list .model-icon:nth-child(3) {
	margin-top: 120px
}
.competence-model .border-line {
	margin-top: 15px
}
.competence-model .circle1 {
	width: 37.0833%;
	padding-bottom: 37.0833%;
	border-radius: 50%;
	background: rgba(255,193,44,.59);
	bottom: -80%;
	left: 6.78%;
	position: absolute;
	z-index: 9
}
.competence-model .circle2 {
	width: 56.6146%;
	padding-bottom: 56.6146%;
	border-radius: 50%;
	background: rgba(255,182,88,.23);
	top: -75%;
	right: 2.34375%;
	position: absolute;
	z-index: 9
}
.competence-partner {
	padding-top: 7.552%;
	padding-bottom: 5.2083%;
	background: #f6f6f6
}
.competence-partner h5 {
	color: #ffa32c;
	line-height: 1;
	font-size: 25px;
	text-align: center;
	margin-bottom: 2.8648%
}
.competence-partner p {
	font-size: 14px;
	color: #666;
	line-height: 26px;
	width: 54.5%;
	margin: 0 auto;
	text-align: center;
	letter-spacing: .5px
}
.competence-partner .competence-partner-list {
	font-size: 0;
	margin-top: 8.975%
}
.competence-partner .competence-partner-list ul li {
	width: 33.3333%;
	padding: 0 5%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 3%
}
.competence-partner .competence-partner-list ul li h5 {
	font-size: 18px;
	color: #333;
	margin-top: 25px;
	margin-bottom: 45px
}
.competence-partner .competence-partner-list ul li p {
	width: 100%
}
.competence-partner .competence-partner-con p {
	text-align: left
}
.partner-video {
	background: #000
}
.partner-video>img {
	opacity: .49;
	filter: alpha(opacity=49)
}
.brand-partner-container {
	margin: 7.03125% 0
}
.brand-partner-container .inner-tit {
	margin-bottom: 2.34375%
}
.brand-partner-container #brandvideo {
	margin-bottom: 4.427%
}
.partner-con {
	padding: 0 11.836%
}
.partner-list {
	position: relative
}
.partner-list ul li {
	width: 100%;
	position: relative
}
.partner-list ul li .partner-img, .partner-list ul li .partner-list-con {
	width: 50%;
	float: left
}
.partner-list ul li .partner-img {
	width: 47.4576%
}
.partner-list ul li .partner-list-con {
	width: 52.5424%
}
.partner-list ul li .partner-list-con>div {
	position: absolute;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	width: 52.5424%;
	top: 50%;
	left: 47.4576%;
	padding-left: 4.661%
}
.partner-list ul li:nth-child(2n+1) .partner-img, .partner-list ul li:nth-child(2n+1) .partner-list-con {
	float: right
}
.partner-list ul li:nth-child(2n+1) .partner-list-con>div {
	left: 0;
	padding-left: 0;
	padding-right: 4.661%
}
.partner-list ul li h5 {
	font-size: 18px;
	color: #ffa32c;
	margin-bottom: 30px
}
.partner-list ul li p {
	font-size: 14px;
	color: #666;
	line-height: 26px
}
.marketing {
	padding: 0 8.654%;
	margin-bottom: 16.6667%
}
.marketing>div {
	width: 50%
}
.marketing-con {
	padding: 0 6.73%
}
.marketing-container .inner-tit {
	margin-bottom: 4.49%
}
.marketing-table {
	border: 1px solid #d6d6d6;
	text-align: center;
	background: #fafafa;
	margin-bottom: 8.0128%
}
.marketing-table td, .marketing-table th {
	height: 30px;
	font-size: 14px;
	color: #666;
	padding: 0 15px;
	border: 1px solid #d6d6d6
}
.marketing-table th {
	color: #071d49;
	font-size: 14px;
	font-weight: 400
}
.marketing-table th i {
	font-size: 18px;
	color: #fead43
}
.map {
	width: 690px;
	margin: 7.69% auto
}
@keyframes rotate {
0% {
fill:#FFF;
transform:rotate(0);
transform-origin:345px 345px
}
100% {
fill:#FFF;
transform:rotate(-360deg);
transform-origin:345px 345px
}
}
#animate {
	animation: rotate 2s linear;
	fill: #FFF;
	transform: translateY(-345px)
}
@keyframes fix {
50% {
fill:#000;
transform:translateY(0)
}
100% {
fill:#fff;
transform:translateY(-345px)
}
}
#animate2 {
	animation: fix 2s step-start
}
.introduction-con {
	padding: 0 17.436%
}
.introduction-con .introduction-img>div {
	width: 36.615%
}
.introduction-con .introduction-img>div img {
	max-width: 100%
}
.introduction-con .con {
	margin-top: 9.843%
}
.introduction-con .con p {
	margin-bottom: 4.725%
}
.introduction-con .con p:last-child {
	margin-bottom: 0
}
.introduction-list {
	text-align: center;
	font-size: 0;
	margin: 8.013% -13.5px 8.975% -13.5px
}
.introduction-list>div {
	display: inline-block;
	vertical-align: middle;
	width: 33.333%;
	padding: 0 13.5px
}
.venus-con {
	padding: 0 17.949%
}
.venus-con .con {
	padding: 6.3% 0
}
.venus-con .con p {
	margin-bottom: 25px
}
.venus-con .con p:last-child {
	margin-bottom: 0
}
.venus-con .venus-sec>div:nth-child(1) {
	width: 63.268%;
	float: left
}
.venus-con .venus-sec>div:nth-child(2) {
	width: 33.169%;
	float: right
}
.venus-con .venus-sec2>div:nth-child(1) {
	width: 33.169%;
	float: right
}
.venus-con .venus-sec2>div:nth-child(2) {
	width: 63.268%;
	float: left
}
.venus-con h5 {
	color: #0a4088;
	font-size: 18px;
	margin-bottom: 30px;
	line-height: 1
}
.venus-con h6 {
	color: #666;
	font-size: 14px;
	margin-bottom: 3.335%;
	line-height: 1
}
.venus-con p+h6 {
	margin-top: 13%;
	margin-bottom: 15px
}
.venus-con1 {
	font-size: 0;
	margin-bottom: 4.2%
}
.venus-con1 .con, .venus-con1 .image {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0
}
.venus-con1 .image {
	padding-right: 7.229%
}
.venus-con1 .con {
	line-height: 26px
}
.venus-con1.venus-con2 .image {
	padding-right: 0
}
.venus-con1.venus-con2 .con {
	padding-right: 5%
}
.venus-con1.venus-con3 {
	margin-bottom: 10%
}
.venus-con1.venus-con3 .con {
	margin-top: 10%
}
.venus-con3, .venus-warp {
	background: url(../images/venus-line.png) no-repeat center bottom;
	background-size: 100% auto;
	padding-bottom: 7%
}
.banner-venus {
	margin-bottom: 2.604%;
	position: relative
}
.banner-venus .new-link {
	position: absolute;
	left: 13%;
	bottom: 25px;
	z-index: 10000
}
.banner-venus .new-link a {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease
}
.banner-venus .new-link a:hover {
	color: #ffa32c
}
.banner-venus .new-link .m-link {
	display: none
}
.venus-container {
	margin-top: 5.73%
}
.venus-product .sec-tit {
	margin-bottom: 4.4272%
}
.venus-product .sec-tit h3:after {
	margin: 1% auto;
	background: -webkit-linear-gradient(left, transparent, #073f93, transparent);
	background: -o-linear-gradient(left, transparent, #073f93, transparent);
	background: -moz-linear-gradient(left, transparent, #073f93, transparent);
	background: linear-gradient(to right, transparent, #073f93, transparent)
}
.venus-product .swiper-slide-active img {
	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-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%
}
.venus-product .honor-con {
	padding: 2.5% 0
}
.venus-con-sec .image>div:first-child {
	margin-bottom: 19px
}
.venus-con-sec.venus-con1 {
	margin-bottom: 0;
	padding-bottom: 0
}
.venus-warp2 {
	margin-bottom: 5%
}
.venus-con-sec.venus-con1>.con {
	width: 58.219%;
	padding-right: 5.941%
}
.venus-con-sec.venus-con1>.con>div {
	margin-top: 9.47%
}
.venus-con-sec.venus-con1 .image {
	width: 41.783%;
	padding: 0
}
.venus-con-sec.venus-con1 .image .con {
	width: 100%;
	margin-top: 35px
}
.venus_friends .firend-container .friends-con {
	padding-right: 0
}
.venus_friends .firend-container .friends-img {
	padding-right: 7.834%
}
.about-container {
	background: #fff
}
.about-container p {
	font-size: 14px;
	color: #666;
	line-height: 26px;
	letter-spacing: .5px
}
.about-container p:last-child {
	margin-bottom: 0;
	padding-bottom: 0
}
.brand-about {
	margin-bottom: 6.25%;
	padding-top: 7.5525%;
	font-size: 0
}
.brand-about .container {
	padding: 0 4.167%
}
.brand-about .about-left, .brand-about .about-right {
	display: inline-block;
	vertical-align: middle;
	width: 50%
}
.brand-about .about-left {
	padding-right: 2.572%
}
.brand-about .about-right {
	padding-left: 4.8%
}
.brand-about .about-right .inner-tit {
	margin-bottom: 40px
}
.brand-about .about-right p {
	padding-bottom: 35px
}
.brand-about .about-right p:last-child {
	margin-bottom: 0;
	padding-bottom: 0
}
.abou-img-list {
	text-align: center;
	margin-top: 5.04%
}
.abou-img-list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 2.5px
}
.abou-img-list>div {
	width: 47.428%;
	float: left
}
.abou-img-list>div:first-child {
	margin-right: 5.144%
}
.abou-img-list p {
	font-size: 14px;
	color: #666;
	margin-top: 8.035%;
	margin-bottom: 0
}
.abou-img-list .swiper-pagination {
	bottom: 10px
}
.brand-about2 {
	padding: 0 0 6.25% 0
}
.brand-about2 .supplier-tit {
	margin-bottom: 6.897%
}
.brand-about2 .supplier-tit h3 {
	margin-top: 0
}
.brand-about2 .about-list {
	margin-top: 5.449%;
	padding: 0 9.6153%
}
.brand-about2 .about-list ul li {
	float: left;
	text-align: center;
	color: #666;
	width: 28.042%;
	margin-right: 7.937%
}
.brand-about2 .about-list ul li:nth-child(3n) {
	margin-right: 0
}
.brand-about2 h5 {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 15px;
	margin-top: 19.165%
}
.brand-about2 p {
	font-size: 14px;
	line-height: 1
}
.join {
	text-align: center;
	color: #fff;
	background: #ffa32c;
	padding: 5.729% 0 5.46875% 0
}
.join .sec-tit h3, .join .sec-tit h4 {
	color: #fff
}
.join .sec-tit h3 {
	margin-bottom: 15px
}
.join .sec-tit {
	margin-bottom: 3.385%;
	padding-top: 0
}
.join p {
	color: #f9efe0;
	line-height: 1;
	margin-top: 20px;
	font-size: 16px
}
.news-det {
	padding-bottom: 8.974%
}
.news-det h1 {
	font-size: 35px;
	line-height: 1;
	text-align: center;
	margin-bottom: 3.0128%
}
.news-det .news-info {
	font-size: 14px;
	color: #b1b1b1;
	line-height: 1;
	text-align: center;
	padding-bottom: 3.4615%;
	border-bottom: 1px solid #c9c9c9
}
.news-det .news-info span {
	margin: 0 22px
}
.news-det .news-con {
	padding: 2.8% 0 0;
	line-height: 200%;
	color: #666;
	font-size: 16px;
	margin: 0 auto;
	max-width: 1250px;
}
.news-det .news-con p{margin-bottom: 15px;}
.news-det .news-con img {
	max-width: 100%;
	display: block;
	margin: 0 auto 10px
}
.news-det .btn {
	margin: 3% auto
}
.history-container {
	margin: 7.03125% 0
}
.history-container .inner-tit {
	margin-bottom: 3.0846%
}
.history-container p img {
	max-width: 100%;
	display: block;
	margin: 0 auto
}
.history-container .history-det {
	width: 63.9%;
	margin: 0 auto
}
.history-container h3 {
	font-size: 18px;
	font-weight: 700;
	color: #ffa32c;
	line-height: 1;
	margin: 45px auto 20px
}
.history-container p {
	color: #666;
	line-height: 26px;
	font-size: 14px
}
.partner-container .friends-sec-tit {
	margin-bottom: 5.127%
}
.firend-container {
	margin-bottom: 8.974%;
	margin-top: 3.125%
}
.firend-container>p {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-bottom: 5.77%
}
.firend-container ul li {
	margin: 0 5.449%;
	background: #f6f6f6;
	padding: 5.77% 6.09%;
	font-size: 0;
	margin-bottom: 4.487%
}
.firend-container ul li:last-child {
	margin-bottom: 0
}
.firend-container ul li>div {
	display: inline-block;
	vertical-align: middle
}
.firend-container .friends-img {
	width: 45%;
	padding-right: 12.834%
}
.firend-container .friends-con {
	width: 55%;
	padding-right: 5%
}
.firend-container .friends-tit {
	font-size: 30px;
	color: #999;
	line-height: 1;
	margin-bottom: 8.335%
}
.firend-container .friends-tit span {
	color: #333
}
.firend-container .friends-tit span:before {
	content: "|";
	color: #999;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px
}
.firend-container dl dd {
	margin-bottom: 7.052%
}
.firend-container dl dd:last-child {
	margin-bottom: 0
}
.firend-container dl dd div {
	font-size: 18px;
	color: #ffb659;
	line-height: 1;
	margin-bottom: 2.566%
}
.firend-container dl dd p {
	font-size: 14px;
	color: #666;
	line-height: 30px
}
.filter-container {
	margin: 0 -15px
}
.shop_type {
	width: 33.3333%;
	padding: 0 15px;
	position: relative;
	float: left;
	margin-bottom: 47px
}
.shop_type>div {
	color: #999;
	font-size: 14px;
	line-height: 35px;
	padding: 0 5px 0 10px;
	cursor: pointer;
	border: 1px solid #e4e4e5;
	height: 35px;
	border-radius: 4px
}
.shop_type ul {
	position: absolute;
	width: calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	left: 15px;
	top: 100%;
	padding: 10px 10px;
	border: 1px solid #e4e4e5;
	border-radius: 4px;
	background: #fff;
	display: none;
	z-index: 99
}
.shop_type li {
	height: 30px;
	line-height: 30px
}
.shop_type li a {
	color: #666;
	display: block;
	width: 100%;
	height: 100%;
	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
}
.shop_type li a:hover {
	color: #fead43
}
.shop_type3 {
	margin-bottom: 0
}
.province_type ul {
	height: 450px;
	overflow-y: scroll
}
.contact-con {
	padding: 0 12.18% 9.6153% 12.18%;
	margin-top: 6.41%
}
.contact-con .contact-list {
	margin-bottom: 4.1667%;
	padding: 0 9.746%
}
.contact-con .contact-list p {
	font-size: 14px;
	color: #666;
	float: left;
	width: 33.3333%;
	line-height: 1;
	margin-bottom: 20px;
	white-space: nowrap
}
.contact-con .contact-list p:nth-child(2) {
	width: 66.6667%
}
.contact-con .contact-list p span {
	display: inline-block;
	vertical-align: middle
}
.contact-con .contact-list p span.iconfont {
	color: #ccc;
	font-size: 20px;
	margin-right: 15px
}
.contact-con .contact-list p span:first-child+span {
	color: #071d49
}
.contact-con .contact-list>div {
	text-align: center
}
.contact-con .contact-list>div a {
	font-size: 0;
	line-height: 1
}
.contact-con .contact-list>div span {
	border: none;
	color: #9d9d9d;
	font-size: 24px;
	margin-right: 15px;
	padding: 0
}
#map {
	width: 100%;
	height: 24.48vw
}
.map-container {
	box-shadow: -3.4px 3.67px 5px rgba(0,0,0,.04);
	-webkit-box-shadow: -3.4px 3.67px 5px rgba(0,0,0,.04);
	padding: 10px;
	border: 2px solid #f1f1f1
}
.map-box {
	width: 100%;
	border-top: 1px solid #fff
}
#map .BMapLabel:nth-child(2) {
	display: inline-block!important;
	width: 0!important;
	height: 0!important;
	border-style: solid!important;
	border-width: 8px!important;
	border-color: #fff #fff transparent transparent!important;
	transform: rotate(135deg)!important;
	box-shadow: 2px -2px 2px #ccc!important
}
@media (max-width:1880px) {
.sec-tit h3 {
	font-size: 47px
}
.banner h1 {
	font-size: 49px
}
.banner h2 {
	font-size: 20px
}
.dataNums .tt span {
	font-size: 145px;
	line-height: 145px
}
#dataNums, .dataNums, .dataNums .dataOne {
	height: 145px
}
.dataNums {
	margin-top: -72.5px
}
.supplier-tit h3 {
	font-size: 47px
}
}
@media (max-width:1770px) {
.sec-tit h3 {
	font-size: 44px;
	margin-bottom: 20px
}
.cooperative-partner .sec-tit h3, .culture-friends .sec-tit h3 {
	margin-bottom: 20px
}
.banner h1 {
	font-size: 46px
}
.banner h2 {
	font-size: 23px
}
.sec-tit {
	margin-bottom: 14%
}
.about-us .about-txt {
	padding-left: 6%;
	padding-right: 8%
}
.sec-con p {
	margin-bottom: 20px
}
.dataNums .tt span {
	font-size: 138px;
	line-height: 138px
}
#dataNums, .dataNums, .dataNums .dataOne {
	height: 138px
}
.dataNums {
	margin-top: -69px
}
.about-us .btn, .competence .btn {
	margin-top: 10%
}
.inner-tit h3 {
	font-size: 28px
}
.firend-container .friends-tit {
	font-size: 28px
}
.firend-container dl dd p {
	line-height: 28px
}
.supplier-tit h3 {
	font-size: 44px
}
}
@media (max-width:1750px) {
.cooperative-partner .cooper-right {
	padding-right: 11.5%
}
.cooperative-partner .cooper-right .inner-tit, .culture-friends .inner-tit {
	margin-bottom: 60px
}
.cooperative-partner .btn {
	margin-top: 60px
}
.brand-about .about-right p {
	padding-bottom: 30px
}
.brand-about .about-right .inner-tit {
	margin-bottom: 35px
}
.competence-model .model-left {
	padding-right: 9%
}
.competence-partner p {
	width: 70%
}
.competence-partner .competence-partner-list ul li {
	padding: 0 30px
}
.competence-profile .competence-con {
	padding-left: 6%
}
.competence-profile h5 {
	margin-bottom: 5%
}
.competence-profile dl {
	margin-top: 6%
}
.competence .competence-left {
	width: 50%;
	padding-left: 0;
	padding-right: 7%
}
.competence .competence-left h2 {
	font-size: 22px
}
.competence .competence-right {
	width: 50%
}
.con h5+p+h5 {
	margin-top: 15px
}
.brand-introduction .sec-tit {
	margin-bottom: 8%
}
}
.supplier-container {
	margin-top: 5.99%
}
.supplier-container .inner-tit {
	margin-bottom: 4.488%
}
.supplier-container .supplier-tit {
	text-align: center;
	margin-bottom: 2.239%
}
.supplier-container .supplier-tit h3 {
	font-size: 30px;
	color: #ffa32c;
	line-height: 1;
	margin-bottom: 3.234%
}
.supplier-container .supplier-tit p {
	color: #666;
	line-height: 26px;
	font-size: 14px;
	width: 50%;
	margin: 0 auto
}
.join-container .brand-about2 {
	padding-top: 6.7708%
}
.team {
	padding-bottom: 7.8125%;
	background: #fff;
	padding-top: 6.7708%;
	text-align: center
}
.team .container {
	width: 73.334%
}
.team .join-con {
	font-size: 14px;
	color: #666;
	line-height: 26px;
	margin-top: 3.552%;
	margin-bottom: 3.552%
}
.training-list {
	margin-top: 25px;
	margin-bottom: 23px
}
.training-list ul {
	margin: 0 -11.5px
}
.training-list ul li {
	float: left;
	width: 33.333%;
	padding: 0 11.5px;
	margin-top: 21px
}
.training-list ul li:nth-child(-n+3) {
	margin-top: 0
}
.training-list ul li>div {
	position: relative
}
.celebrate-list .celebrate-left {
	width: 47.302%;
	float: left
}
.celebrate-list .celebrate-right {
	float: right;
	width: 51.1365%
}
.celebrate-list .celebrate-right>div:first-child {
	margin-bottom: 3.474%
}
@media (max-width:1680px) {
.partner-list ul li h5 {
	margin-bottom: 20px
}
.about-container .inner-tit2 p, .brand-introduction .inner-tit2 p, .cooperative-partner .cooper-right .inner-tit2 p, .culture-friends .friends-left .inner-tit2 p {
	margin-top: 10px
}
.cooperative-partner .cooper-right, .culture-friends .friends-left {
	padding-left: 7%
}
.culture-friends .friends-left {
	padding-right: 7%
}
.cooperative-partner .cooper-right .inner-tit, .culture-friends .inner-tit {
	margin-bottom: 55px
}
.cooperative-partner .btn, .culture-friends .btn {
	margin-top: 55px
}
.brand-about .about-right {
	padding-left: 45px
}
.about-container .inner-tit2 p, .brand-introduction .inner-tit2 p {
	font-size: 16px;
	margin-top: 5px
}
.brand-about2 h5 {
	margin-top: 12%
}
.brand-about .about-right .inner-tit {
	margin-bottom: 30px
}
.brand-about .about-right p {
	padding-bottom: 25px
}
.brand-introduction .sec-tit h3 {
	margin-bottom: 15px
}
.competence-model h5, .competence-partner h5, .competence-profile h5 {
	font-size: 22px
}
.sec-tit h3 {
	font-size: 42px
}
.sec-tit h4 {
	font-size: 16px
}
.brand-introduction .sec-tit h4, .cooperative-partner .sec-tit h4, .culture-friends .sec-tit h4 {
	font-size: 16px
}
.banner h1 {
	font-size: 44px
}
.banner h2 {
	font-size: 22px
}
.dataNums .tt span {
	font-size: 130px;
	line-height: 130px
}
#dataNums, .dataNums, .dataNums .dataOne {
	height: 130px
}
.dataNums {
	margin-top: -65px
}
.about-us .about-txt {
	padding-left: 0
}
.competence-profile dl img {
	width: 80px;
	height: auto
}
.competence-model .model-list .model-icon {
	width: 156px;
	height: 156px;
	font-size: 16px
}
.competence-model .model-list .model-icon:nth-child(1), .competence-model .model-list .model-icon:nth-child(3) {
	margin-top: 105px
}
.competence-model .model-list .model-icon:nth-child(2) {
	margin: 0 -15px
}
.border-line img {
	width: 256px
}
.competence-model .border-line, .competence-model .model-list {
	width: 438px
}
.brand-about .container {
	padding: 0 7.8%
}
.inner-tit h3 {
	font-size: 27px
}
.partner-con {
	padding: 0 14%
}
.partner-con dl {
	padding: 0 16%
}
.venus-con {
	padding: 0 10%
}
.supplier-tit h3 {
	font-size: 42px
}
.supplier-tit h4 {
	font-size: 16px
}
.firend-container .friends-tit {
	font-size: 26px
}
.firend-container dl dd p {
	line-height: 26px
}
.firend-container dl dd div {
	font-size: 16px
}
.partner-container .supplier-list ul li h4 {
	font-size: 20px
}
.partner-container .supplier-list ul li p {
	line-height: 28px
}
.brand-introduction .introduction-right .con {
	margin-top: 45px
}
}
@media (max-width:1560px) {
.cooperative-partner .cooper-right .inner-tit, .culture-friends .inner-tit {
	margin-bottom: 50px
}
.cooperative-partner .btn, .culture-friends .btn {
	margin-top: 50px
}
.competence-profile dl dd {
	width: 16.6667%
}
.sec-tit h3 {
	font-size: 40px
}
.banner h1 {
	font-size: 42px;
	margin-bottom: 20px
}
.banner h2 {
	font-size: 21px
}
.about-us .about-txt {
	padding-right: 6%
}
.about-us .about-txt .sec-tit {
	margin-bottom: 10%
}
.dataNums .tt span {
	font-size: 120px;
	line-height: 120px
}
#dataNums, .dataNums, .dataNums .dataOne {
	height: 120px
}
.dataNums {
	margin-top: -60px
}
.about-us .btn, .competence .btn {
	margin-top: 8%
}
.brand-introduction .introduction-right {
	padding-left: 6%;
	padding-right: 4%
}
.brand-introduction .sec-tit h3 {
	margin-bottom: 10px
}
.brand-introduction .btn, .culture-friends .btn {
	margin-top: 12%
}
.cooperative-partner .cooper-right {
	padding-left: 6%;
	padding-right: 8%
}
.culture-friends .friends-left {
	padding-left: 6%;
	padding-right: 8%
}
.competence-profile dl img {
	width: 72px;
	height: auto
}
.competence-profile dl dd p {
	font-size: 15px
}
.competence-model .model-list .model-icon {
	width: 145px;
	height: 145px;
	font-size: 15px
}
.competence-model .model-list .model-icon:nth-child(1), .competence-model .model-list .model-icon:nth-child(3) {
	margin-top: 100px
}
.competence-model .model-list .model-icon:nth-child(2) {
	margin: 0 -15px
}
.border-line img {
	width: 238px
}
.competence-model .border-line, .competence-model .model-list {
	width: 405px
}
.brand-about .about-right {
	padding-left: 3.8%
}
.brand-about .container, .brand-about2 .about-list {
	padding: 0 6.4%
}
.brand-about2 .about-list ul li {
	margin-right: 6%;
	width: 29.3333%
}
.inner-tit h3 {
	font-size: 25px
}
.partner-con {
	padding: 0 12%
}
.partner-con dl {
	padding: 0 14%
}
.firend-container .friends-con {
	padding-right: 0
}
.supplier-tit h3 {
	font-size: 40px
}
.contact-con .contact-list>div {
	float: left;
	text-align: left;
	width: 100%
}
}
@media (max-width:1440px) {
.venus-con .con p {
	margin-bottom: 15px
}
.join img {
	width: 160px;
	height: 160px
}
.training-list ul {
	margin: 0 -7.5px
}
.training-list ul li {
	padding: 0 7.5px
}
.training-list {
	margin-top: 20px;
	margin-bottom: 20px
}
.sec_title {
	font-size: 20px
}
.play img {
	width: 75px;
	height: 75px
}
.history-container h3 {
	margin: 30px auto 18px;
	font-size: 17px
}
.firend-container ul li {
	padding: 5%
}
.firend-container dl dd {
	margin-bottom: 5%
}
.brand-introduction .introduction-right .con {
	margin-top: 40px
}
.about-container .inner-tit2 p, .brand-introduction .inner-tit2 p, .cooperative-partner .cooper-right .inner-tit2 p, .culture-friends .friends-left .inner-tit2 p {
	font-size: 16px
}
.cooperative-partner .cooper-right .inner-tit, .culture-friends .inner-tit {
	margin-bottom: 45px
}
.cooperative-partner .btn, .culture-friends .btn {
	margin-top: 45px
}
.about-container .inner-tit2 p, .brand-introduction .inner-tit2 p {
	font-size: 14px
}
.competence .sec-con h4 {
	font-size: 16px;
	margin-bottom: 12px
}
.competence .competence-left h2 {
	margin-bottom: 15px
}
.competence .sec-con {
	margin-top: 20px
}
.con {
	line-height: 24px
}
.sec-tit h3 {
	font-size: 38px
}
.banner h1 {
	font-size: 40px
}
.banner h2 {
	font-size: 20px
}
.con h5 {
	margin-bottom: 16px
}
.culture-friends .friends-left {
	padding-left: 6%
}
.sec-tit h3 {
	margin-bottom: 15px
}
.cooperative-partner .sec-tit h3, .culture-friends .sec-tit h3 {
	margin-bottom: 15px
}
.section4 .fabric-tit h5, .section4 .swiper-pagination {
	font-size: 18px
}
.section4 .fabric-tit h5 {
	margin-bottom: 20px
}
.brand-introduction .sec-tit h3 {
	margin-bottom: 15px
}
.brand-introduction .btn, .culture-friends .btn {
	margin-top: 10%
}
.brand-introduction .introduction-left {
	padding: 0
}
.cooperative-partner .cooper-right {
	padding-left: 3%;
	padding-right: 6%
}
.culture-friends .friends-left {
	padding-left: 3%;
	padding-right: 6%
}
.cooperative-partner .cooper-right .sec-tit {
	margin-bottom: 12%
}
.cooperative-partner .btn {
	margin-top: 12%
}
.brand-video {
	padding-top: 3%
}
.brand-introduction .introduction-right {
	padding-left: 5%;
	padding-right: 0
}
.brand-introduction .introduction-right .con {
	margin-top: 35px
}
.new-btn ul li {
	font-size: 14px
}
.new-btn ul li img {
	width: 55px;
	height: auto
}
.news-det h1 {
	font-size: 22px
}
.competence-model h5, .competence-partner h5, .competence-profile h5 {
	font-size: 20px
}
.competence-profile dl dd p {
	font-size: 14px
}
.competence-model .model-list .model-icon {
	width: 134px;
	height: 134px;
	font-size: 14px
}
.competence-model .model-list .model-icon:nth-child(1), .competence-model .model-list .model-icon:nth-child(3) {
	margin-top: 90px
}
.competence-model .model-list .model-icon:nth-child(2) {
	margin: 0 -15px
}
.border-line img {
	width: 219px
}
.competence-model .border-line, .competence-model .model-list {
	width: 372px
}
.competence-partner .competence-partner-list ul {
	margin: 0 -25px
}
.competence-partner .competence-partner-list ul li h5 {
	margin-bottom: 25px
}
.competence-partner p {
	width: 76%
}
.competence-partner .competence-partner-list ul li {
	padding: 0 25px
}
.competence .competence-left h2 {
	font-size: 20px
}
.competence-profile .competence-con p {
	width: 100%!important
}
.brand-about .about-right {
	padding-left: 3.5%
}
.about-container p, .competence-partner p {
	font-size: 13px;
	line-height: 24px
}
.brand-about .container, .brand-about2 .about-list {
	padding: 0 5%
}
.brand-about2 .about-list ul li {
	margin-right: 5%;
	width: 30%
}
.brand-about .about-right p {
	padding-bottom: 5%
}
.brand-about2 h5 {
	margin-top: 12%
}
.supplier-tit h3 {
	font-size: 38px
}
.competitiveness-list h3 {
	font-size: 20px;
	padding-bottom: 20px
}
.history-list .year {
	font-size: 22px
}
.history-list ul {
	margin-left: -7.5px;
	margin-right: -7.5px
}
.history-list ul li {
	padding-left: 7.5px;
	padding-right: 7.5px;
	margin-top: 15px
}
.history-list ul li p {
	margin-top: 10px
}
.introduction-con {
	padding: 0 10%
}
.inner-tit h3 {
	font-size: 24px
}
.partner-con {
	padding: 0 10%
}
.partner-con dl {
	padding: 0 8%
}
.partner-con dl h5 {
	font-size: 16px
}
.partner-con dl p {
	line-height: 24px
}
.supplier-list ul li h4 {
	font-size: 15px
}
.supplier-list {
	padding: 0 10%
}
#mlvideo {
	padding: 0 10%
}
.supplier-list ul li p {
	height: 96px;
	line-height: 24px
}
.venus-con {
	padding: 0 5%
}
.venus-con1.venus-con2 .con {
	padding-right: 20px
}
.firend-container .friends-tit {
	font-size: 24px
}
.firend-container dl dd p {
	line-height: 24px
}
.firend-container .friends-img {
	padding-right: 8%
}
.venus_friends .firend-container .friends-img {
	padding-right: 5.834%
}
.partner-container .supplier-list ul li h4 {
	font-size: 18px
}
.partner-container .supplier-list ul li p {
	font-size: 14px;
	line-height: 24px
}
.competence .competence-left {
	padding-right: 5%
}
.competence-profile .competence-con {
	padding-left: 5%
}
}
@media (max-width:1360px) {
.sec-tit h3 {
	font-size: 34px
}
.venus-con-sec.venus-con1 .image {
	width: 41%
}
.history-container .history-det {
	width: 70%
}
.history-container h3 {
	font-size: 16px;
	margin: 30px auto 15px
}
.firend-container .friends-img {
	width: 42%;
	padding-right: 6%
}
.firend-container .friends-con {
	width: 58%
}
.partner-list ul li p {
	font-size: 13px;
	line-height: 24px
}
.partner-list ul li h5 {
	font-size: 16px
}
.con {
	font-size: 13px
}
.competence-partner .competence-partner-list ul {
	margin: 0 -20px
}
.competence-partner .competence-partner-list ul li {
	padding: 0 20px
}
.competence .competence-left h2 {
	font-size: 18px
}
.sec-tit h4 {
	font-size: 14px
}
.brand-introduction .sec-tit h4, .cooperative-partner .sec-tit h4, .culture-friends .sec-tit h4 {
	font-size: 14px
}
.banner h1 {
	font-size: 36px
}
.banner h2 {
	font-size: 18px
}
.dataNums .tt span {
	font-size: 106px;
	line-height: 106px
}
#dataNums, .dataNums, .dataNums .dataOne {
	height: 106px
}
.dataNums {
	margin-top: -53px
}
.about-us .about-img, .about-us .about-txt {
	width: 50%;
	padding-left: 0
}
.culture .culture-right {
	padding-left: 8%
}
.about-us .about-img, .about-us .about-txt, .competence .competence-left, .competence .competence-right {
	vertical-align: top
}
.cooperative-partner .cooper-left {
	padding: 0
}
.brand-about .container, .brand-about2 .about-list {
	padding: 0
}
.inner-tit h3 {
	font-size: 22px
}
.brand-about2 h5 {
	margin-top: 8%;
	margin-bottom: 10px
}
.history-list ul li {
	padding-left: 5px;
	padding-right: 5px
}
.history-list ul {
	margin-left: -5px;
	margin-right: -5px
}
.firend-container .friends-tit {
	font-size: 22px
}
.firend-container .friends-con p {
	line-height: 24px;
	font-size: 13px
}
.firend-container dl dd div {
	margin-bottom: 15px
}
.supplier-tit h3 {
	font-size: 34px
}
}
@media (max-width:1280px) {
.join img {
	width: 140px;
	height: 140px
}
.sec-tit h3 {
	font-size: 32px
}
.sec_title {
	font-size: 18px
}
.brand-introduction .inner-tit2 .en>div {
	display: inline-block;
	vertical-align: middle
}
.brand-introduction .introduction-left, .brand-introduction .introduction-right {
	vertical-align: top
}
.banner h1 {
	font-size: 34px
}
.banner h2 {
	font-size: 16px
}
.dataNums .tt span {
	font-size: 100px;
	line-height: 100px
}
#dataNums, .dataNums, .dataNums .dataOne {
	height: 100px
}
.dataNums {
	margin-top: -50px
}
.sec-con p {
	margin-bottom: 15px
}
.competence-model .model-list .model-icon {
	width: 118px;
	height: 118px
}
.competence-model .model-list .model-icon:nth-child(1), .competence-model .model-list .model-icon:nth-child(3) {
	margin-top: 80px
}
.competence-model .model-list .model-icon:nth-child(2) {
	margin: 0 -15px
}
.border-line img {
	width: 195px
}
.competence-model .border-line, .competence-model .model-list {
	width: 324px
}
.competence-profile dl img {
	width: 60px
}
.competence-partner .competence-partner-list ul li h5 {
	margin-bottom: 35px
}
.firend-container .friends-tit {
	font-size: 20px
}
.partner-container .supplier-list ul li h4 {
	font-size: 16px
}
.supplier-tit h3 {
	font-size: 32px
}
.competitiveness-list h3 {
	font-size: 18px;
	padding-bottom: 15px
}
.history-list .year {
	font-size: 18px
}
.history-list ul li p {
	font-size: 13px;
	line-height: 20px;
	margin-top: 5px
}
.competence .competence-left {
	width: 100%;
	padding-right: 0
}
.competence .competence-right {
	width: 100%;
	margin-top: 20px
}
.brand-introduction .con h5 {
	margin-bottom: 5px
}
.cooperative-partner .cooper-right .inner-tit, .culture-friends .inner-tit {
	margin-bottom: 40px
}
}
@media (max-width:1200px) {
.banner-venus .new-link {
	left: 12%;
	bottom: 12px
}
.about-container .inner-tit2 p, .brand-introduction .inner-tit2 p, .cooperative-partner .cooper-right .inner-tit2 p, .culture-friends .friends-left .inner-tit2 p {
	font-size: 14px
}
.history-container .history-det {
	width: 80%
}
.sec-tit h3 {
	font-size: 30px;
	margin-bottom: 10px
}
.cooperative-partner .sec-tit h3, .culture-friends .sec-tit h3 {
	margin-bottom: 10px
}
.banner h1 {
	font-size: 32px
}
.brand-introduction .introduction-left {
	padding: 0
}
.brand-introduction .introduction-right {
	padding-left: 30px;
	padding-right: 0
}
.new-btn ul li {
	height: 70px;
	line-height: 70px
}
.dataNums .tt span {
	font-size: 94px;
	line-height: 94px
}
#dataNums, .dataNums, .dataNums .dataOne {
	height: 94px
}
.dataNums {
	margin-top: -47px
}
.dataNums .dataOne {
	width: 65px
}
.about-us .about-txt .sec-tit {
	margin-bottom: 9%
}
.about-us .about-img, .about-us .about-txt {
	vertical-align: top
}
.culture {
	padding: 5% 0
}
.honor .honor-con {
	padding-top: 3%
}
.sec-con {
	font-size: 13px
}
.competence .competence-left {
	padding-right: 6%;
	padding-left: 0
}
.join .join-list {
	padding: 0 10%
}
.join-list ul li .recruit-det p {
	line-height: 24px;
	font-size: 13px
}
.section4 .container {
	padding: 0
}
.brand-introduction .introduction-left, .brand-introduction .introduction-right {
	vertical-align: top
}
.cooperative-partner .btn {
	margin-top: 8%
}
.cooperative-partner .cooper-right .sec-tit {
	margin-bottom: 10%
}
.new-btn ul li {
	width: 260px
}
.news-det h1 {
	font-size: 20px
}
.news-det .news-con {
	padding: 6% 0 8% 0
}
.competence-model .model-left {
	padding-left: 0;
	padding-right: 12%
}
.competence-profile .competence-img {
	padding-left: 0
}
.competence-profile .competence-con p br {
	display: none
}
.competence-partner p {
	width: 90%
}
.competence-partner .competence-partner-list {
	margin-top: 6%
}
.competence-profile .competence-con {
	padding-left: 35px
}
.competence-profile dl {
	margin-left: -8px;
	margin-right: -8px
}
.competence-profile dl dd {
	padding: 0 8px
}
.about-container p, .brand-about2 p, .con {
	font-size: 13px;
	line-height: 22px
}
.introduction-con {
	padding: 0 8%
}
.introduction-list>div {
	padding: 0 10px
}
.inner-tit h3 {
	font-size: 20px
}
.partner-con {
	padding: 0 5%
}
.partner-con dl p {
	line-height: 22px;
	font-size: 13px
}
.supplier-list {
	padding: 0 6%
}
#mlvideo {
	padding: 0 6%
}
.supplier-list ul li p {
	font-size: 13px;
	line-height: 22px
}
.venus-con {
	padding: 0 2%
}
.venus-con .con p {
	margin-bottom: 15px
}
.venus-con p+h6 {
	margin-top: 8%
}
.con h5 {
	font-size: 15px
}
.venus-con h6 {
	font-size: 13px
}
.firend-container ul li {
	margin: 0;
	margin-bottom: 4.487%
}
.firend-container .friends-tit {
	font-size: 18px
}
.firend-container dl dd div {
	font-size: 14px
}
.supplier-tit h3 {
	font-size: 30px
}
.brand-about .about-right {
	padding-left: 25px
}
.history-list .year {
	font-size: 16px
}
.history-list ul {
	margin-left: -5px;
	margin-right: -5px
}
.history-list ul li {
	padding-left: 5px;
	padding-right: 5px
}
.competitiveness-list h3 {
	font-size: 16px
}
#map {
	height: 300px
}
.contact-con .contact-list p {
	margin-bottom: 15px
}
.venus_friends .firend-container .friends-img {
	padding-right: 4%
}
}
@media (max-width:1080px) {
.sec-tit h3 {
	font-size: 27px
}
.btn {
	width: 120px;
	height: 35px;
	line-height: 35px
}
.inner-tit {
	padding: 0
}
.marketing {
	padding: 0
}
.brand-about-con {
	margin-top: 45px
}
.button {
	margin-top: 40px
}
.cooperative-partner .cooper-right {
	padding-left: 0;
	padding-right: 30px
}
.culture-friends .friends-left {
	padding-left: 0;
	padding-right: 30px
}
.culture-friends .friends-right {
	padding-right: 0
}
.con {
	font-size: 13px
}
.sec-tit h4 {
	font-size: 14px
}
.con h5 {
	margin-bottom: 12px
}
.brand-introduction .sec-tit h3 {
	margin-bottom: 15px
}
.brand-introduction .sec-tit {
	margin-bottom: 30px
}
.dataNums .tt span {
	font-size: 84px;
	line-height: 84px
}
#dataNums, .dataNums, .dataNums .dataOne {
	height: 84px
}
.dataNums {
	margin-top: -42px
}
.dataNums .dataOne {
	width: 60px
}
.join .join-list {
	padding: 0 8%
}
.news-det h1 {
	font-size: 18px
}
.competence-profile .competence-img {
	padding-left: 0
}
.competence-model .model-left {
	padding-right: 11%
}
.competence-model .model-list .model-icon {
	width: 100px;
	height: 100px
}
.competence-model .model-list .model-icon:nth-child(1), .competence-model .model-list .model-icon:nth-child(3) {
	margin-top: 68px
}
.competence-model .model-list .model-icon:nth-child(2) {
	margin: 0 -10px
}
.border-line img {
	width: 165px
}
.competence-model .border-line, .competence-model .model-list {
	width: 280px
}
.competence-profile dl img {
	width: 68px
}
.competence-partner h5 {
	margin-bottom: 4%
}
.competence-partner .competence-partner-list ul li h5 {
	margin-bottom: 20px
}
.competence-partner .competence-partner-list ul li h5 {
	font-size: 17px
}
.competence-partner .competence-partner-list ul li {
	padding: 0 10px
}
.competence-partner .competence-partner-list ul {
	margin: 0 -10px
}
.introduction-con {
	padding: 0 6%
}
.introduction-list>div {
	padding: 0 8px
}
.supplier-list {
	padding: 0
}
#mlvideo {
	padding: 0
}
.supplier-tit h3 {
	font-size: 27px
}
.supplier-tit h4 {
	font-size: 14px
}
.venus-con .con p {
	margin-bottom: 10px
}
}
@media (max-width:1000px) {
.brand-history .history-list ul li {
	width: 33.333%;
	margin-top: 12px
}
.abou-img-list p {
	margin-top: 15px
}
.competence .competence-left h2 {
	font-size: 18px
}
.venus_friends .firend-container .friends-tit {
	margin-bottom: 5.335%
}
.venus_friends .firend-container dl dd {
	margin-bottom: 3%
}
}
@media (max-width:992px) {
.join img {
	width: 120px;
	height: 120px
}
.join p {
	margin-top: 15px
}
.team .container {
	width: 86%
}
.training-list ul li {
	padding: 0 5px
}
.training-list {
	margin: 15px 0
}
.training-list ul {
	margin: 0 -5px
}
.firend-container {
	margin-top: 5%
}
.month {
	font-size: 16px
}
.month:before {
	bottom: 30px
}
.container {
	width: 86%
}
.sec-tit h3 {
	font-size: 22px
}
.competence .competence-left h2 {
	margin-bottom: 12px
}
.btn {
	width: 100px
}
.brand-introduction .introduction-left, .brand-introduction .introduction-right {
	width: 100%
}
.brand-introduction .introduction-right {
	padding-right: 0;
	padding-left: 0;
	margin-top: 6%
}
.brand-introduction .sec-tit h3, .con h5 {
	margin-bottom: 12px
}
.brand-about-con {
	padding: 0
}
.sec-tit h3 {
	margin-bottom: 10px
}
.cooperative-partner .cooper-left, .cooperative-partner .cooper-right {
	vertical-align: top
}
.cooperative-partner .cooper-right .sec-tit {
	margin-bottom: 30px
}
.culture-friends .friends-left .sec-tit {
	margin-bottom: 30px
}
.new-btn ul li {
	height: 50px;
	line-height: 50px
}
.new-btn ul li img {
	margin-right: 15px
}
.culture .sec-tit2 {
	text-align: center;
	margin-bottom: 6%
}
.history-list2 {
	margin-top: 5%
}
.dataNums .tt span {
	font-size: 77px;
	line-height: 77px
}
#dataNums, .dataNums, .dataNums .dataOne {
	height: 77px
}
.dataNums {
	margin-top: -38.5px
}
.dataNums .dataOne {
	width: 50px
}
.competence .competence-left {
	padding-right: 6%
}
.about-us .about-img, .about-us .about-txt, .competence .competence-left, .competence .competence-right {
	width: 100%;
	padding: 0
}
.about-us .about-txt {
	margin-bottom: 10%
}
.competence-left .sec-tit {
	margin-bottom: 8%
}
.join .join-list {
	padding: 0 6%
}
.culture .culture-left, .culture .culture-right {
	width: 100%;
	padding: 0
}
.hiddex-ms {
	display: none
}
.show-ms {
	display: block
}
.preview .swiper-slide>div {
	display: block;
	text-align: center
}
.preview .swiper-slide .txt, .preview .swiper-slide .year {
	width: 100%;
	margin: 0
}
.preview .swiper-slide .year {
	margin-bottom: 10px
}
.preview:after {
	width: 100%;
	height: 1px;
	top: 7px
}
.history-list .arrow-left i {
	display: block;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg)
}
.history-list .arrow-left {
	top: -7px
}
.history-list .arrow-right {
	bottom: auto;
	top: -7px;
	left: auto;
	right: -7.5px
}
.history-list .arrow-right i {
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	display: block
}
.preview {
	height: auto;
	padding: 0
}
.preview .swiper-slide .year:before {
	display: block;
	margin: 0 auto 10px
}
.competence-model h5, .competence-partner h5, .competence-profile h5 {
	font-size: 18px
}
.competence-partner p {
	width: 80%
}
.competence-profile dl img {
	width: 52px
}
.competence-model .model-list .model-icon {
	width: 90px;
	height: 90px;
	font-size: 12px
}
.competence-model .model-list .model-icon:nth-child(1), .competence-model .model-list .model-icon:nth-child(3) {
	margin-top: 60px
}
.competence-model .model-list .model-icon:nth-child(2) {
	margin: 0 -10px
}
.border-line img {
	width: 150px
}
.competence-model .border-line, .competence-model .model-list {
	width: 260px
}
.competence-model .model-left {
	padding-left: 2%;
	padding-right: 8%
}
.competence-profile .competence-con {
	padding-left: 25px
}
.competence-profile dl {
	margin-left: -5px;
	margin-right: -5px
}
.competence-profile dl dd {
	padding: 0 5px
}
.brand-about .about-right {
	padding-left: 0
}
.brand-about .about-right p {
	padding-bottom: 5px
}
.brand-about .about-left {
	padding-left: 0
}
.supplier-tit h3 {
	font-size: 22px
}
.introduction-con {
	padding: 0 0
}
.introduction-list>div {
	padding: 0 5px
}
.inner-tit h3 {
	font-size: 18px
}
.inner-tit p {
	font-size: 13px;
	line-height: 24px
}
.partner-con {
	padding: 0
}
.supplier-list {
	padding: 0
}
.venus-con {
	padding: 0
}
.venus-con .con {
	padding: 3% 0
}
.firend-container ul li {
	padding: 5% 4%
}
.firend-container .friends-con p {
	font-size: 12px
}
.firend-container .friends-img {
	padding-right: 6%
}
.firend-container ul li>div {
	vertical-align: top
}
.contact-con .contact-list p, .contact-con .contact-list p:nth-child(2) {
	width: 100%
}
.history-container .inner-tit {
	margin-bottom: 4%
}
.venus_friends .firend-container .friends-img {
	width: 50%
}
.venus_friends .firend-container .friends-con {
	width: 50%
}
}
@media (max-width:880px) {
.venus-con-sec.venus-con1 .con, .venus-con-sec.venus-con1 .image {
	width: 100%;
	padding: 0
}
.venus-con-sec.venus-con1 .con>div, .venus-con-sec.venus-con1 .image {
	margin-top: 6%
}
.sec_title {
	font-size: 16px
}
.brand-introduction .introduction-left, .brand-introduction .introduction-right {
	vertical-align: top
}
.brand-introduction .introduction-right {
	padding-right: 0
}
.culture-friends .friends-left {
	padding-left: 0
}
.dataNums .tt span {
	font-size: 68px;
	line-height: 68px
}
#dataNums, .dataNums, .dataNums .dataOne {
	height: 68px
}
.dataNums {
	margin-top: -34px
}
.join .join-list {
	padding: 0 4%
}
.competence-profile dl dd p {
	font-size: 12px
}
.competence-profile .competence-con {
	padding-left: 20px
}
.competence-partner .competence-partner-list ul li {
	padding: 0 15px
}
.brand-about .about-left, .brand-about .about-right {
	vertical-align: top
}
.venus-con1 .image {
	width: 100%;
	padding-right: 0
}
.venus-con1 .con {
	width: 100%
}
.venus-con .con {
	padding: 4% 0 6%
}
.venus-con1.venus-con2 .con {
	padding-right: 0
}
.venus-con p+h6 {
	margin-top: 35px
}
.venus-con1.venus-con2 .con {
	padding: 4% 0
}
.venus-con h6 {
	margin-bottom: 20px
}
.venus_friends .firend-container .friends-img {
	width: 100%;
	padding: 0
}
.venus_friends .firend-container .friends-con {
	width: 100%;
	margin-top: 8%
}
}
@media (max-width:768px) {
.join img {
	width: 100px;
	height: 100px
}
.join p {
	margin-top: 15px
}
.training-list ul li {
	padding: 0 4px
}
.training-list ul {
	margin: 0 -4px
}
.history-container .inner-tit {
	margin-bottom: 5%
}
.video-con .sec-tit h3 {
	font-size: 18px
}
.history-container .history-det {
	width: 90%
}
.partner-list ul li h5 {
	margin-bottom: 15px
}
.cooperative-partner .cooper-right .inner-tit, .culture-friends .inner-tit {
	margin-bottom: 35px
}
.container {
	width: 90%
}
.partner-container .sec-tit {
	margin-bottom: 8%
}
.culture .culture-left img {
	-webkit-filter: inherit;
	-moz-filter: inherit;
	-ms-filter: inherit;
	-o-filter: inherit;
	filter: inherit
}
.month {
	top: 70%;
	font-size: 14px
}
.month:before {
	bottom: 25px
}
.banner-venus .new-link {
	left: 12%;
	bottom: 6px
}
.banner-venus .new-link .pc-link {
	display: none
}
.banner-venus .new-link .m-link {
	display: block
}
.brand-introduction .introduction-left, .brand-introduction .introduction-right {
	width: 100%
}
.brand-introduction .sec-tit h3 {
	margin-bottom: 15px
}
.brand-introduction .introduction-right {
	margin-top: 35px
}
.brand-introduction .sec-tit {
	margin-bottom: 25px
}
.con {
	line-height: 24px
}
.button {
	margin-top: 30px
}
.play, .play img, .section2 .video-con .play {
	width: 53px;
	height: 53px
}
.banner h1 {
	font-size: 24px;
	margin-bottom: 15px
}
.cooperative-partner .cooper-left, .cooperative-partner .cooper-right, .culture-friends .friends-left, .culture-friends .friends-right {
	width: 100%
}
.cooperative-partner, .culture-friends {
	padding: 8% 0
}
.cooperative-partner .cooper-right, .culture-friends .friends-left {
	margin-bottom: 45px;
	padding: 0
}
.cooperative-partner .btn, .culture-friends .btn {
	margin-top: 35px
}
.brand-video {
	padding-bottom: 8%
}
.new-btn {
	margin-top: 25px
}
.new-btn ul li {
	width: 230px;
	height: 50px;
	line-height: 50px
}
.new-btn ul li img {
	width: 45px;
	margin-right: 10px
}
.new-btn ul .pc-btn {
	display: none
}
.new-btn ul .m-btn {
	display: block
}
.dataNums .tt span {
	font-size: 60px;
	line-height: 60px
}
#dataNums, .dataNums, .dataNums .dataOne {
	height: 60px
}
.dataNums .dataOne {
	width: 36px
}
.dataNums {
	margin-top: -30px
}
.join .join-list {
	padding: 0
}
.join-list ul li .recruit-tit {
	height: 50px;
	line-height: 50px
}
.join-list ul li .recruit-tit span {
	margin-right: 45px
}
.honor .honor-con {
	padding-top: 6%
}
.button {
	margin-top: 40px
}
.section4 .fabric-tit h5, .section4 .swiper-pagination {
	font-size: 16px
}
.section4 .fabric-tit h5 {
	margin-bottom: 15px;
	color: #333
}
.section3 .honor {
	padding-top: 8%
}
.section3 .honor .sec-tit {
	margin-bottom: 8%
}
.section4 .fabric-tit {
	position: static;
	padding: 0;
	padding-top: 5%;
	background: 0 0
}
.section4 .fabric-tit p {
	color: #666
}
.news-det h1 {
	font-size: 16px;
	line-height: 24px
}
.about-container, .partner-container {
	padding-top: 8%
}
.news-det .news-info {
	font-size: 12px
}
.news-det .news-info span {
	margin: 0 5px
}
.news-det h1 {
	margin-bottom: 15px
}
.news-det .news-info {
	padding-bottom: 20px
}
.news-det .news-con {
	font-size: 13px;
	line-height: 22px
}
.bread-menu {
	padding-top: 12px
}
.about-container .sec-tit, .partner-container {
	margin-top: 0
}
.competence-profile .competence-img {
	width: 100%;
	margin-bottom: 30px
}
.competence-profile .competence-con {
	width: 100%;
	padding-left: 0
}
.competence-model h5, .competence-partner h5, .competence-profile h5 {
	font-size: 16px
}
.competence-profile h5 {
	margin-bottom: 20px
}
.bread-menu a:after {
	margin: 0 5px
}
.competence-model .circle1 {
	bottom: -70%
}
.competence-model .border-line {
	margin-top: 10px
}
.competence-profile dl {
	margin-top: 25px
}
.competence-profile dl img {
	width: 80px
}
.competence-profile .competence-con p {
	margin-bottom: 0!important
}
.competence .competence-left h2 {
	font-size: 16px
}
.competence-partner .competence-partner-list ul li {
	width: 50%
}
.brand-about .about-left, .brand-about .about-right {
	width: 100%;
	padding: 0
}
.brand-about .about-right {
	margin-top: 8%
}
.brand-about2 .about-list ul li {
	margin-right: 3%;
	width: 31.3333%
}
.brand-about2 h5 {
	font-size: 15px;
	margin-bottom: 10px
}
.introduction-con .introduction-img>div {
	width: 40%
}
.inner-tit h3 {
	font-size: 16px
}
.partner-con dl p {
	line-height: 22px;
	font-size: 12px
}
.partner-con dl h5 {
	margin-bottom: 6%
}
.partner-con dl dd {
	margin-bottom: 12%
}
.partner-con dl {
	padding: 0 5%
}
.partner-list ul li {
	margin-bottom: 8%
}
.partner-con dl h5 {
	font-size: 15px
}
.supplier-list ul li {
	width: 47.5%
}
.supplier-list ul li:nth-child(2n+1) {
	margin-right: 5%
}
.supplier-list ul li p {
	height: 110px
}
.supplier-list ul li:hover {
	box-shadow: none;
	-webkit-box-shadow: none
}
.supplier-list ul li:hover .supplier-con {
	padding-left: 0
}
.sec-tit h3:after, .supplier-tit h3:after {
	margin: 10px auto
}
.supplier-tit h3 {
	margin-top: 45px
}
.firend-container .friends-con, .firend-container .friends-img {
	width: 100%;
	padding: 0
}
.firend-container ul li {
	padding: 5% 3%
}
.firend-container .friends-con {
	margin-top: 8%
}
.firend-container .friends-tit {
	font-size: 16px
}
.firend-container .friends-tit {
	margin-bottom: 6%
}
.firend-container dl dd div {
	margin-bottom: 12px
}
.firend-container>p {
	line-height: 24px;
	margin-bottom: 8%
}
.venus-con p+h6 {
	margin-top: 30px
}
.venus-con .con {
	padding: 30px 0 40px
}
.venus-con1.venus-con2 .con {
	padding: 10px 0 20px
}
.venus-con1.venus-con3 {
	margin-top: 30px
}
.venus-con h6 {
	margin-bottom: 10px
}
.venus-con p+h6 {
	margin-bottom: 10px;
	margin-top: 25px
}
.brand-introduction {
	padding: 8% 0
}
.venus-con-sec.venus-con1 .con {
	padding-bottom: 0
}
}
@media (max-width:680px) {
.competence-profile dl img {
	width: 68px
}
.culture-friends .friends-left, .culture-friends .friends-right {
	width: 100%;
	padding: 0
}
.brand-introduction .btn, .culture-friends .btn {
	margin-top: 35px
}
.sec-tit {
	margin-bottom: 8%
}
.culture-friends .friends-left {
	margin-bottom: 30px
}
.video-left {
	padding-left: 0
}
.play, .play img, .section2 .video-con .play {
	width: 56px;
	height: 56px
}
.supplier-list ul li .supplier-con {
	padding-left: 0
}
partner-container .supplier-list ul li p {
	font-size: 13px;
	line-height: 24px
}
.partner-container .supplier-list {
	padding: 0
}
.partner-container .supplier-list ul li {
	width: 47.5%
}
.partner-container .supplier-list ul li:nth-child(2n+1) {
	margin-right: 5%
}
.venus-con1 {
	margin-bottom: 0
}
.partner-container.competence-container {
	margin-top: 0
}
}
@media (max-width:640px) {
.partner-list {
	font-size: 0
}
.partner-list ul {
	margin: 0 -7.5px
}
.partner-list ul li {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding: 0 7.5px
}
.partner-list ul li h5 {
	text-align: center;
	margin-top: 25px;
	font-size: 15px
}
.partner-list ul li .partner-img, .partner-list ul li .partner-list-con {
	width: 100%
}
.partner-list ul li:nth-child(2n+1) .partner-list-con>div {
	padding: 0
}
.partner-list ul li .partner-list-con>div {
	position: static;
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	width: 100%;
	padding: 0
}
.competence-profile .competence-con, .competence-profile .competence-img {
	width: 100%;
	padding: 0
}
.competence-profile h5 {
	margin-bottom: 20px
}
.competence-profile dl {
	margin-top: 25px
}
.competence-partner p {
	width: 100%;
	text-align: left
}
.competence-partner h5 {
	margin-bottom: 4%
}
.competence-partner .competence-partner-list ul li {
	width: 100%;
	padding: 0;
	margin-bottom: 5%
}
.competence-partner .competence-partner-list ul li>div {
	display: inline-block;
	vertical-align: middle
}
.competence-partner .competence-partner-list ul li>div.img_scale {
	width: 180px
}
.competence-partner .competence-partner-list ul li>div.competence-partner-con {
	width: calc(100% - 180px);
	width: -webkit-calc(100% - 180px);
	padding-left: 5%
}
.competence-partner h5 {
	text-align: left
}
.competence-model .model-list .model-icon {
	width: 80px;
	height: 80px
}
.competence-model .border-line, .competence-model .model-list {
	width: 230px
}
.border-line img {
	width: 140px
}
.competence-model .model-left {
	padding-left: 0;
	padding-right: 6%
}
.competence-partner .competence-partner-list ul li h5 {
	margin-top: 0;
	margin-bottom: 25px
}
.contact-con {
	padding-left: 0;
	padding-right: 0
}
.contact-con .contact-list p {
	word-wrap: break-word;
	word-break: normal;
	white-space: normal;
	line-height: 24px
}
.contact-con .contact-list p span.iconfont {
	margin-right: 10px
}
.contact-con .contact-list p span:nth-child(3) {
	width: calc(100% - 82px);
	width: -webkit-calc(100% - 82px);
	vertical-align: top
}
.contact-con .contact-list>div {
	display: none
}
.contact-con .contact-list p {
	margin-bottom: 5px
}
.contact-con {
	margin-top: 10%
}
}
@media (max-width:620px) {
.abou-img-list>div {
	width: 100%;
	float: none
}
.abou-img-list>div:first-child {
	margin-right: 0;
	margin-bottom: 35px
}
.brand-history .history-list ul li {
	width: 50%
}
.brand-competitiveness .history-list ul li {
	width: 50%;
	margin-top: 12px
}
}
@media (max-width:560px) {
.partner-list ul {
	margin: 0 -5px
}
.partner-list ul li {
	padding: 0 5px
}
.brand-introduction .introduction-right {
	padding: 0 4%
}
.play, .play img, .section2 .video-con .play {
	width: 50px;
	height: 50px
}
.competence-partner .competence-partner-list ul li>div.img_scale {
	width: 160px
}
.competence-partner .competence-partner-list ul li>div.competence-partner-con {
	width: calc(100% - 160px);
	width: -webkit-calc(100% - 160px);
	padding-left: 5%
}
.competence-model .model-left, .competence-model .model-right {
	width: 100%;
	padding: 0
}
.competence-model .border-line {
	display: none
}
.competence-model .model-list {
	width: 100%
}
.competence-model .model-right {
	margin-top: 5%
}
.competence-model h5 {
	margin-bottom: 5%
}
.competence-model .model-list .model-icon:nth-child(1), .competence-model .model-list .model-icon:nth-child(2), .competence-model .model-list .model-icon:nth-child(3) {
	margin: 0;
	margin-right: 20px
}
.competence-model .model-list .model-icon {
	width: 70px;
	height: 70px
}
.competence-partner .competence-partner-list ul li h5 {
	margin-bottom: 20px
}
.introduction-con .introduction-img>div {
	width: 42%
}
.brand-video .video-left, .brand-video .video-right {
	width: 100%;
	padding: 0;
	display: block;
	margin-bottom: 20px;
	margin-left: 0
}
.brand-video .video-txt {
	padding: 0;
	margin-top: 0;
	text-align: center
}
#map {
	height: 250px
}
.brand-about2 .about-list ul li {
	margin-right: 2%;
	width: 32%
}
}
@media (max-width:480px) {
.venus-con .con {
	padding: 20px 0
}
.training-list ul li {
	padding: 0 2.5px
}
.training-list ul {
	margin: 0 -2.5px
}
.sec_title {
	width: 100%;
	padding-bottom: 10px
}
.sec_title {
	font-size: 14px
}
.join img {
	width: 60px;
	height: 60px
}
.join p {
	margin-top: 10px
}
.partner-container .supplier-list ul li:nth-child(2n+1) {
	margin-right: 0
}
.partner-container .supplier-list ul li {
	width: 100%;
	padding: 2%;
	font-size: 0;
	text-align: left;
	margin-bottom: 5%
}
.supplier-list ul li .supplier-con, .supplier-list ul li>div {
	margin: 0;
	width: 55%;
	display: inline-block;
	vertical-align: middle
}
.supplier-list ul li .supplier-con {
	width: 45%;
	padding-left: 4%
}
.partner-container .supplier-list ul li h4 span {
	padding: 0
}
.supplier-list ul li h4 {
	margin-bottom: 12px
}
.partner-list ul li {
	width: 100%
}
.partner-list ul li h5 {
	margin-top: 20px;
	margin-bottom: 15px
}
.cooperative-partner .cooper-right .inner-tit, .culture-friends .inner-tit {
	margin-bottom: 25px
}
.con h5 {
	font-size: 13px
}
.brand-introduction, .cooperative-partner, .culture-friends {
	padding: 45px 0
}
.brand-video {
	padding-top: 20px
}
.brand-about-con {
	margin-top: 30px
}
.cooperative-partner .cooper-right {
	margin-bottom: 30px
}
.brand-introduction .sec-tit, .cooperative-partner .cooper-right .sec-tit {
	margin-bottom: 20px
}
.brand-introduction .introduction-right {
	padding: 0
}
.sec-tit h3 {
	font-size: 22px
}
.preview .swiper-slide>div {
	font-size: 12px;
	line-height: 22px
}
.join-list ul li .recruit-tit span:nth-child(2) {
	display: none
}
.join-list ul li .recruit-tit {
	font-size: 13px
}
.join-list ul li .recruit-tit {
	height: 40px;
	line-height: 40px
}
.join-list ul li .recruit-tit i {
	margin-right: 5px;
	font-size: 12px
}
.honor .swiper-slide-active img {
	transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1)
}
.honor .honor-con {
	width: 90%;
	margin: 8% auto 0
}
.honor .swiper-slide {
	opacity: 1;
	filter: alpha(opacity=100)
}
.honor .honor-con {
	padding: 0
}
.button {
	margin-top: 25px
}
.join-list ul li .recruit-det h5 {
	font-size: 14px
}
.join-list ul li .recruit-det p {
	font-size: 12px;
	line-height: 24px
}
.join-list ul li .recruit-det {
	margin-top: 5%;
	padding: 0 3%
}
.join-list ul li .recruit-det p {
	margin-bottom: 5%
}
.button {
	margin-top: 25px
}
.new-btn ul li {
	width: 180px
}
.section4 .swiper-pagination {
	margin-top: 15px
}
.banner h1 {
	margin-bottom: 10px
}
.section4 .fabric-tit p {
	font-size: 12px;
	line-height: 22px
}
.section4 .fabric-tit h5 {
	margin-bottom: 14px
}
.section4 .fabric-tit {
	padding-top: 7%
}
.sec-tit h3 {
	margin-bottom: 5px
}
.cooperative-partner .sec-tit h3, .culture-friends .sec-tit h3 {
	margin-bottom: 5px
}
.competence-partner .competence-partner-list ul li>div.img_scale {
	width: 140px
}
.competence-partner .competence-partner-list ul li>div.competence-partner-con {
	width: calc(100% - 140px);
	width: -webkit-calc(100% - 140px)
}
.competence-partner .competence-partner-list ul li h5 {
	margin-bottom: 15px
}
.competence-partner .competence-partner-list ul li {
	margin-bottom: 8%
}
.competence-partner .competence-partner-list ul li>div {
	vertical-align: top
}
.competence-profile dl img {
	width: 50px
}
.competence-profile {
	padding-bottom: 10%
}
.competence-model {
	padding: 8% 0
}
.brand-about2 h5 {
	font-size: 15px
}
.introduction-con .introduction-img>div {
	width: 48%
}
.inner-tit p {
	font-size: 12px;
	line-height: 22px
}
.marketing>div {
	width: 100%;
	margin-bottom: 3%
}
.partner-con dl {
	padding: 0
}
.supplier-list ul li p {
	font-size: 12px;
	line-height: 20px;
	height: 140px
}
.supplier-list ul li h4 {
	font-size: 14px
}
.introduction-list>div {
	padding: 0 2px
}
.partner-con dl h5 {
	font-size: 14px
}
.partner-list ul {
	margin: 0 -1%
}
.partner-list ul li {
	padding: 0 1%
}
.partner-list ul li h5 {
	text-align: left
}
.partner-con dl dd {
	margin-bottom: 8%
}
.partner-con dl h5 {
	margin-bottom: 4%
}
.btn {
	width: 80px;
	height: 30px;
	line-height: 30px
}
.brand-introduction .btn, .cooperative-partner .btn, .culture-friends .btn {
	margin-top: 5%
}
.section4 .fabric-tit h5, .section4 .swiper-pagination {
	font-size: 14px
}
.about-us .about-txt .sec-tit {
	margin-bottom: 7%
}
.brand-about2 .about-list ul li {
	width: 100%;
	font-size: 0;
	margin-bottom: 5%
}
.brand-about2 .about-list ul li .img_scale, .brand-about2 .about-list ul li .vision-con {
	width: 50%;
	float: left
}
.brand-about2 .about-list ul li:nth-child(2n) .img_scale, .brand-about2 .about-list ul li:nth-child(2n) .vision-con {
	float: right
}
.brand-about2 .about-list ul li .vision-con {
	text-align: left;
	padding: 15% 5%
}
.abou-img-list>div:first-child {
	margin-bottom: 20px
}
.competence-model .circle1, .competence-model .circle2 {
	display: none
}
.competence-model .model-list .model-icon {
	width: 65px;
	height: 65px
}
.partner-container .supplier-list ul li p {
	font-size: 12px;
	line-height: 22px
}
.supplier-tit h3 {
	margin-top: 35px
}
.contact-con .contact-list p {
	font-size: 13px;
	line-height: 24px;
	margin-bottom: 0
}
.contact-con {
	padding-bottom: 15%
}
.contact-con .contact-list {
	margin-bottom: 8%
}
.partner-container .supplier-list ul li h4:after {
	display: none
}
.venus_friends .firend-container>p {
	text-align: justify
}
.news-det h1 {
	font-size: 1.3rem;
	line-height: 130%;
	font-weight: bold;
	margin-bottom: 15px
}
}
@media (max-width:420px) {
.supplier-list ul li .supplier-con, .supplier-list ul li>div {
	margin: 0;
	width: 100%
}
.partner-container .supplier-list ul li {
	padding: 5% 3%
}
.supplier-list ul li .supplier-con {
	width: 100%;
	margin-top: 15px;
	text-align: center
}
.month {
	top: 55%;
	font-size: 14px
}
.competence-partner .competence-partner-list ul li>div.img_scale {
	width: 100%;
	height: 250px;
	position: relative
}
.competence-partner .competence-partner-list ul li>div.img_scale img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -35%);
	-ms-transform: translate(-50%, -35%);
	-o-transform: translate(-50%, -35%);
	-webkit-transform: translate(-50%, -35%);
	-moz-transform: translate(-50%, -35%)
}
.competence-partner .competence-partner-list ul li>div.competence-partner-con {
	width: 100%;
	padding: 0;
	margin-top: 5%
}
.competence-model .model-list .model-icon {
	font-size: 10px
}
.partner-con dl h5 {
	font-size: 13px
}
.supplier-container .supplier-list ul li {
	width: 100%;
	margin-bottom: 5%;
	font-size: 0;
	position: relative
}
.supplier-container .supplier-list ul li>div {
	display: inline-block;
	vertical-align: top;
	width: 50%
}
.supplier-container .supplier-list ul li>div:first-child {
	width: 41.929%;
	position: absolute;
	height: 87.716%;
	background: #fff
}
.supplier-container .supplier-list ul li>div:first-child img {
	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%)
}
.supplier-container .supplier-list ul li .supplier-con {
	margin-top: 0;
	float: right;
	padding: 5% 0
}
.supplier-container .supplier-list ul li:nth-child(2n+1) {
	margin-right: 0
}
.supplier-container .supplier-list ul li p {
	height: auto;
	padding-bottom: 5%
}
.news-det .news-con {
	font-size: 12px;
	line-height: 22px
}
.join-list ul li .recruit-tit {
	font-size: 12px
}
.firend-container .friends-tit {
	margin-bottom: 7%
}
.firend-container .friends-tit span:before {
	margin: 0 10px
}
.firend-container>p {
	font-size: 12px
}
.brand-history .history-list ul {
	margin-left: 0;
	margin-right: 0
}
.brand-history .history-list ul li {
	width: 100%;
	padding-left: 0;
	padding-right: 0
}
}
@media (max-width:414px) {
.brand-introduction .sec-tit h3, .sec-tit h3 {
	font-size: 15px;
	margin-bottom: 5px
}
.banner h1 {
	font-size: 20px
}
.brand-about2 h5 {
	margin-top: 20px
}
.abou-img-list p, .brand-about2 p {
	font-size: 10px
}
.supplier-tit h3 {
	font-size: 20px
}
.competence-profile dl {
	margin-left: 0;
	margin-right: 0
}
.competence-profile dl dd {
	width: 33.3333%;
	margin-bottom: 15px;
	padding: 0
}
.competence-profile dl dd p {
	margin-top: 8px
}
}
@media (min-width:769px) {
.wow {
	opacity: 0
}
.about-list ul li:nth-child(1).move, .about-us .about-img.move, .brand-about-con.move, .brand-introduction .introduction-left.move, .competence-partner h5.move, .join .sec-tit.move, .model-right.move, .sec-tit.move {
	animation: fadeInUp20 1s ease .2s forwards;
	-webkit-animation: fadeInUp20 1s ease .2s forwards;
	-moz-animation: fadeInUp20 1s ease .2s forwards;
	-o-animation: fadeInUp20 1s ease .2s forwards;
	-ms-animation: fadeInUp20 1s ease .2s forwards
}
.brand-about2 .about2-right.move, .brand-introduction .introduction-right.move, .culture .culture-right.move, .culture-friends .friends-right.move {
	animation: fadeInRight50 1s ease .4s forwards;
	-webkit-animation: fadeInRight50 1s ease .4s forwards;
	-moz-animation: fadeInRight50 1s ease .4s forwards;
	-o-animation: fadeInRight50 1s ease .4s forwards;
	-ms-animation: fadeInRight50 1s ease .4s forwards
}
.about-us .about-txt.move, .brand-about .about-left.move, .brand-about2 .about2-left.move, .brand-video .video-left.move, .competence .competence-left.move, .competence-img.move, .cooperative-partner .cooper-left.move, .culture .culture-left.move, .culture-friends .friends-left.move, .model-left.move {
	animation: fadeInLeft20 1s ease .2s forwards;
	-webkit-animation: fadeInLeft20 1s ease .2s forwards;
	-moz-animation: fadeInLeft20 1s ease .2s forwards;
	-o-animation: fadeInLeft20 1s ease .2s forwards;
	-ms-animation: fadeInLeft20 1s ease .2s forwards
}
.competence .competence-right>div:nth-child(1).move {
	animation: fadeInLeft20 1s ease .4s forwards;
	-webkit-animation: fadeInLeft20 1s ease .4s forwards;
	-moz-animation: fadeInLeft20 1s ease .4s forwards;
	-o-animation: fadeInLeft20 1s ease .4s forwards;
	-ms-animation: fadeInLeft20 1s ease .4s forwards
}
.competence .competence-right>div:nth-child(2).move {
	animation: fadeInLeft20 1s ease .6s forwards;
	-webkit-animation: fadeInLeft20 1s ease .6s forwards;
	-moz-animation: fadeInLeft20 1s ease .6s forwards;
	-o-animation: fadeInLeft20 1s ease .6s forwards;
	-ms-animation: fadeInLeft20 1s ease .6s forwards
}
.brand-about .about-right.move, .brand-video .video-right.move, .competence-con.move, .competence-partner p.move, .cooperative-partner .cooper-right.move, .honor .honor-con.move {
	animation: fadeInUp20 1s ease .4s forwards;
	-webkit-animation: fadeInUp20 1s ease .4s forwards;
	-moz-animation: fadeInUp20 1s ease .4s forwards;
	-o-animation: fadeInUp20 1s ease .4s forwards;
	-ms-animation: fadeInUp20 1s ease .4s forwards
}
.abou-img-list div:nth-child(1).move, .about-list ul li:nth-child(2).move, .competence-partner .competence-partner-list ul li:nth-child(1).move, .join .join-list ul li:nth-child(1).move {
	animation: fadeInUp20 1s ease .4s forwards;
	-webkit-animation: fadeInUp20 1s ease .4s forwards;
	-moz-animation: fadeInUp20 1s ease .4s forwards;
	-o-animation: fadeInUp20 1s ease .4s forwards;
	-ms-animation: fadeInUp20 1s ease .4s forwards
}
.abou-img-list div:nth-child(2).move, .competence-partner .competence-partner-list ul li:nth-child(2).move, .join .join-list ul li:nth-child(2).move {
	animation: fadeInUp20 1s ease .5s forwards;
	-webkit-animation: fadeInUp20 1s ease .5s forwards;
	-moz-animation: fadeInUp20 1s ease .5s forwards;
	-o-animation: fadeInUp20 1s ease .5s forwards;
	-ms-animation: fadeInUp20 1s ease .5s forwards
}
.about-list ul li:nth-child(3).move, .competence-partner .competence-partner-list ul li:nth-child(3).move, .join .join-list ul li:nth-child(3).move {
	animation: fadeInUp20 1s ease .6s forwards;
	-webkit-animation: fadeInUp20 1s ease .6s forwards;
	-moz-animation: fadeInUp20 1s ease .6s forwards;
	-o-animation: fadeInUp20 1s ease .6s forwards;
	-ms-animation: fadeInUp20 1s ease .6s forwards
}
.competence-partner-list ul li:nth-child(4).move, .join .join-list ul li:nth-child(4).move {
	animation: fadeInUp20 1s ease .7s forwards;
	-webkit-animation: fadeInUp20 1s ease .7s forwards;
	-moz-animation: fadeInUp20 1s ease .7s forwards;
	-o-animation: fadeInUp20 1s ease .7s forwards;
	-ms-animation: fadeInUp20 1s ease .7s forwards
}
.competence-partner-list ul li:nth-child(5).move, .join .join-list ul li:nth-child(5).move {
	animation: fadeInUp20 1s ease .8s forwards;
	-webkit-animation: fadeInUp20 1s ease .8s forwards;
	-moz-animation: fadeInUp20 1s ease .8s forwards;
	-o-animation: fadeInUp20 1s ease .8s forwards;
	-ms-animation: fadeInUp20 1s ease .8s forwards
}
.competence-partner-list ul li:nth-child(6).move, .join .join-list ul li:nth-child(6).move {
	animation: fadeInUp20 1s ease .9s forwards;
	-webkit-animation: fadeInUp20 1s ease .9s forwards;
	-moz-animation: fadeInUp20 1s ease .9s forwards;
	-o-animation: fadeInUp20 1s ease .9s forwards;
	-ms-animation: fadeInUp20 1s ease .9s forwards
}
.competence-partner-list ul li:nth-child(7).move, .join .join-list ul li:nth-child(7).move {
	animation: fadeInUp20 1s ease 1s forwards;
	-webkit-animation: fadeInUp20 1s ease 1s forwards;
	-moz-animation: fadeInUp20 1s ease 1s forwards;
	-o-animation: fadeInUp20 1s ease 1s forwards;
	-ms-animation: fadeInUp20 1s ease 1s forwards
}
.competence-partner-list ul li:nth-child(8).move, .join .join-list ul li:nth-child(8).move {
	animation: fadeInUp20 1s ease 1.1s forwards;
	-webkit-animation: fadeInUp20 1s ease 1.1s forwards;
	-moz-animation: fadeInUp20 1s ease 1.1s forwards;
	-o-animation: fadeInUp20 1s ease 1.1s forwards;
	-ms-animation: fadeInUp20 1s ease 1.1s forwards
}
.competence-model .circle1.move {
	animation: circleMove 1.6s ease forwards;
	-webkit-animation: circleMove 1.6s ease forwards;
	-moz-animation: circleMove 1.6s ease forwards;
	-o-animation: circleMove 1.6s ease forwards;
	-ms-animation: circleMove 1.6s ease forwards
}
.competence-model .circle2.move {
	animation: circle2Move 1.6s ease forwards;
	-webkit-animation: circle2Move 1.6s ease forwards;
	-moz-animation: circle2Move 1.6s ease forwards;
	-o-animation: circle2Move 1.6s ease forwards;
	-ms-animation: circle2Move 1.6s ease forwards
}
}
.filter-container {
	width: 70%;
	margin: 0 auto
}
.filter-container .shop_type {
	width: 50%
}
.map-com {
	padding-bottom: 116px;
	height: 792px
}
.map-com #allmap {
	width: 69%
}
.map-com .list {
	width: 31%;
	overflow: auto;
	position: relative;
	border: 1px solid #e4e4e5
}
.map-com .list ul {
	padding: 0 28px 0 16px
}
.map-com .list li {
	display: block;
	padding: 11px 0 20px;
	border-bottom: 1px solid #b1b1b1
}
.map-com .list .map_name12138 {
	font-size: 16px;
	line-height: 4;
	color: #071d49
}
.map-com .list p {
	font-size: 14px;
	line-height: 2.1;
	color: #666
}
.map-com .list p span {
	color: #071d49
}
.map-com .list .map_addr12138 {
	margin-bottom: 5px;
	padding-left: 25px;
	position: relative
}
.map-com .list .map_addr12138:before {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(../images/zyf03.png) no-repeat center/cover
}
.map-com .list .map_phone12138 {
	padding-left: 25px;
	position: relative
}
.map-com .list .map_phone12138:before {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(../images/zyf02.png) no-repeat center/cover
}
.map-com .list .shop_type {
	width: 100%;
	position: relative;
	padding: 0;
	float: left
}
.map-com .list .shop_type>div {
	border-radius: 0;
	color: #999;
	font-size: 12px;
	line-height: 35px;
	color: #9b9b9b;
	background: #f7f7f7;
	border-bottom: 1px solid #e4e4e5;
	padding: 0 21px;
	height: auto;
	cursor: pointer
}
.map-com .list .shop_type .iconfont {
	font-size: 16px
}
.map-com .list .shop_type ul {
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	padding: 10px 10px;
	border: 1px solid #e4e4e5;
	border-radius: 0;
	background: #fff;
	display: none;
	z-index: 98
}
.map-com .list .shop_type li {
	height: 30px;
	line-height: 30px;
	border-bottom: 0;
	padding: 0
}
.map-com .list .shop_type li a {
	color: #666;
	display: block;
	width: 100%;
	height: 100%;
	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
}
.map-com .list .shop_type li a:hover {
	color: #fead43
}
@media (max-width:1680px) {
.map-com {
	height: 700px
}
}
@media (max-width:1440px) {
.map-com .list .map_name12138 {
	font-size: 14px
}
.map-com .list p {
	font-size: 12px
}
.map-com .list .map_addr12138:before {
	top: 2px
}
.map-com .list .map_phone12138:before {
	top: 2px
}
}
@media (max-width:1366px) {
.map-com {
	height: 600px
}
.map-com .list .map_name12138 {
	line-height: 3
}
}
@media (max-width:1200px) {
.map-com {
	height: 550px
}
.marketing-con {
	padding: 0
}
}
@media (max-width:768px) {
.filter-container {
	width: 100%
}
.filter-container .shop_type {
	width: 50%
}
.map-com {
	height: auto;
	padding: 0 15px 116px
}
.map-com #allmap {
	width: 100%;
	display: none
}
.map-com .list {
	width: 100%;
	height: auto
}
.map-com .list ul {
	padding: 0 28px 10px 16px
}
.province_type ul {
	height: 300px
}
.shop_type {
	margin-bottom: 30px
}
.shop_type3 {
	margin-bottom: 5px
}
}
@media (max-width:480px) {
.shop_type {
	margin-bottom: 30px
}
.map-com {
	padding: 0 15px 14%
}
}
@media (max-width:375px) {
.shop_type {
	padding: 0 4px;
	margin-bottom: 25px
}
.shop_type ul {
	left: 4px;
	width: calc(100% - 8px);
	width: -webkit-calc(92%)
}
.shop_type3 {
	margin-bottom: 14px
}
.map-com {
	padding: 0 0 14%
}
.map-com .list .map_name12138 {
	line-height: 2
}
}