* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

body {
	font: normal normal normal 14px/1.5 '思源黑体 CN', 'Microsoft YaHei', WenQuanYi Micro Hei, Arial, sans-serif;
	color: #333;
	background-color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal
}

button {
	border: 0 none
}

button,
input[type=button],
input[type=submit],
select {
	cursor: pointer
}

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

button,
input,
select,
textarea {
	font-size: 100%
}

input {
	outline-style: none
}

textarea {
	resize: none
}

input,
textarea {
	font-family: '思源黑体 CN', 'Microsoft YaHei', WenQuanYi Micro Hei, Arial, sans-serif
}

ol,
ul {
	list-style: none
}

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

a:hover {
	color: #e70012
}

img {
	display: inline-block;
	border: 0 none
}

p img {
	max-width: 100%
}

:focus {
	outline: 0
}

.clearfix:after,
.clearfix:before {
	display: table;
	content: ''
}

.clearfix:after {
	clear: both
}

body.no-scroll,
html.no-scroll {
	overflow-y: hidden
}

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

.text-overflow {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis
}

.pt {
	padding-top: 100px
}

.pt-sm {
	padding-top: 80px
}

.pb {
	padding-bottom: 100px
}

.pb-sm {
	padding-bottom: 80px
}

h2.title {
	font-size: 30px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 50px
}

::-moz-selection {
	color: #da2417;
	background: #eee
}

::selection {
	color: #da2417;
	background: #eee
}

a.more {
	width: 200px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	border: 1px solid #454545;
	margin: 0 auto;
	display: block;
	font-size: 16px;
	border-radius: 10px
}

a.more:hover {
	border: 1px solid #da2417
}

@keyframes Ripple {
	0% {
		opacity: 0;
		width: 0;
		height: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0;
		width: 100%;
		height: 100%
	}
}

@keyframes ball-pulse-sync {
	33% {
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px)
	}

	66% {
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes Fall {
	0% {
		top: 40%
	}

	100% {
		top: 50%
	}
}

body {
	min-width: 1200px
}

.header {
	height: 120px
}

.header .wrap {
	height: 100%
}

.header .wrap h1 {
	float: left;
	height: 100%;
	font-size: 0
}

.header .wrap h1 a {
	display: block;
	height: 100%;
	padding-top: 15px
}

.header .wrap h1 a img {
	display: block;
	width: 392px;
	height: 91px
}

.header .wrap .header-nav {
	float: right;
	height: 100%;
	margin-right: -25px;
	font-size: 16px
}

@media only screen and (max-width: 1200px) {
	.header .wrap .header-nav {
		margin-right: 0
	}
}

.header .wrap .header-nav>li {
	position: relative;
	float: left;
	height: 100%
}

.header .wrap .header-nav>li:hover .sub-nav {
	visibility: visible;
	opacity: 1
}

.header .wrap .header-nav>li:hover>a {
	color: #fff;
	background-color: #da2417
}

.header .wrap .header-nav>li.current>a {
	color: #fff;
	background-color: #da2417
}

.header .wrap .header-nav>li>a {
	display: block;
	width: 110px;
	height: 100%;
	padding-top: 40px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}

.header .wrap .header-nav>li>a span {
	display: block;
	text-align: center
}

.header .wrap .header-nav>li>a span.cn {
	font-size: 16px
}

.header .wrap .header-nav>li>a span.en {
	font-size: 12px
}

.header .wrap .header-nav>li .sub-nav {
	position: absolute;
	z-index: 2;
	top: 120px;
	left: 0;
	visibility: hidden;
	width: 100%;
	padding-top: 7px;
	-webkit-transition: opacity 0.5s ease, visibility 0.5s linear;
	-moz-transition: opacity 0.5s ease, visibility 0.5s linear;
	-o-transition: opacity 0.5s ease, visibility 0.5s linear;
	transition: opacity 0.5s ease, visibility 0.5s linear;
	opacity: 0;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	background: url("../img/nav-shade.png") center top no-repeat
}

.header .wrap .header-nav>li .sub-nav ul {
	width: 100px;
	margin: 0 auto;
	padding-top: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	background-color: #eee
}

.header .wrap .header-nav>li .sub-nav ul li {
	padding-bottom: 15px
}

.header .wrap .header-nav>li .sub-nav ul li.current a {
	color: #da2417
}

.header .wrap .header-nav>li .sub-nav ul li a {
	display: block;
	font-size: 14px;
	text-align: center
}

.header .wrap .header-nav>li .sub-nav ul li a.current {
	color: #da2417
}

.brand-banner,
.home-banner,
.home-goods,
.product-dtl .carousel {
	position: relative;
	overflow: hidden;
	margin: 0 auto
}

.brand-banner .bd ul li a,
.home-banner .bd ul li a,
.home-goods .bd ul li a,
.product-dtl .carousel .bd ul li a {
	display: block
}

.brand-banner .bd ul li img,
.home-banner .bd ul li img,
.home-goods .bd ul li img,
.product-dtl .carousel .bd ul li img {
	width: 100%;
	vertical-align: top
}

.home-banner .hd {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center
}

.home-banner .hd ul {
	display: inline-block;
	overflow: hidden;
	text-align: center
}

.home-banner .hd ul li {
	float: left;
	width: 12px;
	height: 12px;
	margin: 0 10px;
	font-size: 0;
	cursor: pointer;
	border: 2px solid #fff;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.home-banner .hd ul li.on {
	border-color: #da2417
}

.home-banner .controls {
	position: absolute;
	top: 50%;
	left: 50px;
	width: 47px;
	height: 90px;
	margin-top: -45px
}

.home-banner .controls.prev {
	background: url("../img/arrow-left-black-lg.png") 0 0 no-repeat
}

.home-banner .controls.prev:hover {
	background: url("../img/arrow-left-white-lg.png") 0 0 no-repeat
}

.home-banner .controls.next {
	right: 50px;
	left: auto;
	background: url("../img/arrow-right-black-lg.png") 0 0 no-repeat
}

.home-banner .controls.next:hover {
	background: url("../img/arrow-right-white-lg.png") 0 0 no-repeat
}

.home-goods .controls {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50px;
	width: 30px;
	height: 57px;
	margin-top: -29px
}

.home-goods .controls.prev {
	background: url("../img/arrow-left-black-sm.png") 0 0 no-repeat
}

.home-goods .controls.prev:hover {
	background: url("../img/arrow-left-red-sm.png") 0 0 no-repeat
}

.home-goods .controls.next {
	right: 50px;
	left: auto;
	background: url("../img/arrow-right-black-sm.png") 0 0 no-repeat
}

.home-goods .controls.next:hover {
	background: url("../img/arrow-right-red-sm.png") 0 0 no-repeat
}

.home-about-us .carousel {
	position: relative;
	overflow: hidden;
	margin-bottom: 50px
}

.home-about-us .carousel ul {
	overflow: hidden
}

.home-about-us .carousel ul li {
	float: left;
	overflow: hidden;
	width: 400px;
	padding-bottom: 10px !important
}

.home-about-us .carousel ul li a {
	display: block;
	width: 100%;
	border: 3px solid #eee;
	-webkit-transition: box-shadow .25s ease;
	-moz-transition: box-shadow .25s ease;
	-o-transition: box-shadow .25s ease;
	transition: box-shadow .25s ease
}

.home-about-us .carousel ul li a:hover {
	-webkit-box-shadow: -3px 3px 10px #ccc;
	-moz-box-shadow: -3px 3px 10px #ccc;
	box-shadow: -3px 3px 10px #ccc
}

.home-about-us .carousel ul li a img {
	display: block;
	width: 100%;
	height: 170px
}

.home-about-us p {
	width: 900px;
	line-height: 30px;
	margin: 0 auto 30px;
	font-size: 18px;
	text-align: justify
}

.home-beauty-tips {
	overflow: hidden
}

.beauty-tips-list {
	margin-right: -30px;
	margin-bottom: 50px
}

@media only screen and (max-width: 1200px) {
	.beauty-tips-list {
		width: -moz-calc(100% + 30px);
		width: calc(100% + 30px)
	}
}

.beauty-tips-list li {
	float: left;
	overflow: hidden;
	width: 33.3333%;
	padding-right: 30px;
	cursor: pointer
}

.beauty-tips-list li .content {
	position: relative
}

.content {
  margin-bottom: 30px;
}

.beauty-tips-list li .content:hover .thumb {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.beauty-tips-list li .content:hover .title {
	color: #da2417
}

.beauty-tips-list li .content .thumb-container {
	overflow: hidden;
	height: 230px
}

.beauty-tips-list li .content .thumb-container .thumb {
	height: 100%;
	-moz-background-size: cover !important;
	background-size: cover !important;
	-webkit-transition: transform .25s linear;
	-moz-transition: transform .25s linear;
	-o-transition: transform .25s linear;
	transition: transform .25s linear
}

.beauty-tips-list li .content .desc {
	position: relative;
	overflow: hidden;
	padding: 25px 15px;
	background-color: #eee
}

.beauty-tips-list li .content .desc .title {
	margin-bottom: 15px;
	font-size: 16px
}

.beauty-tips-list li .content .desc .summary {
	margin-bottom: 15px
}

.beauty-tips-list li .content .desc .plus {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
	-moz-border-radius-topleft: 100%;
	border-top-left-radius: 100%;
	background-color: #da2417;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear
}

.beauty-tips-list li .content .desc .plus.expand {
	width: 150%;
	height: 150%
}

.beauty-tips-list li .content .desc .plus i {
	position: absolute;
	right: 8px;
	bottom: 0;
	line-height: 1;
	font-size: 36px;
	font-style: normal;
	color: #fff;
	-webkit-transition: font-size .25s linear;
	-moz-transition: font-size .25s linear;
	-o-transition: font-size .25s linear;
	transition: font-size .25s linear
}

.footer .top {
	padding: 50px 0 30px;
	background-color: #eee
}

.footer .top .social-links {
	position: relative;
	float: left;
	width: 25%
}

.footer .top .social-links:after {
	position: absolute;
	top: 10px;
	right: 0;
	width: 1px;
	height: 120px;
	content: '';
	background-color: #da2417
}

.footer .top .social-links h2 {
	margin-bottom: 30px
}

.footer .top .social-links h2 a {
	font-size: 18px
}

.footer .top .social-links .follow-us .list {
	margin-top: 20px
}

.footer .top .social-links .follow-us .list li {
	float: left;
	margin-right: 30px;
	cursor: pointer
}

.footer .top .social-links .follow-us .list li.wechat {
	position: relative;
	width: 21px;
	height: 17px;
	background: url("../img/wechat.png") 0 0 no-repeat
}

.footer .top .social-links .follow-us .list li.wechat:hover {
	background: url("../img/wechat-hover.png") 0 0 no-repeat
}

.footer .top .social-links .follow-us .list li.wechat:hover .qrcode {
	visibility: visible;
	opacity: 1
}

.footer .top .social-links .follow-us .list li.wechat .qrcode {
	position: absolute;
	top: 30px;
	right: -30px;
	visibility: hidden;
	width: 80px;
	height: 80px;
	opacity: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.footer .top .social-links .follow-us .list li.qq {
	background: url("../img/qq.png") 0 0 no-repeat
}

.footer .top .social-links .follow-us .list li.qq a {
	width: 17px;
	height: 17px
}

.footer .top .social-links .follow-us .list li.qq:hover {
	background: url("../img/qq-hover.png") 0 0 no-repeat
}

.footer .top .social-links .follow-us .list li.weibo {
	background: url("../img/weibo.png") 0 0 no-repeat
}

.footer .top .social-links .follow-us .list li.weibo a {
	width: 23px;
	height: 19px
}

.footer .top .social-links .follow-us .list li.weibo:hover {
	background: url("../img/weibo-hover.png") 0 0 no-repeat
}

.footer .top .social-links .follow-us .list li.baidu {
	background: url("../img/baidu.png") 0 0 no-repeat
}

.footer .top .social-links .follow-us .list li.baidu a {
	width: 18px;
	height: 20px
}

.footer .top .social-links .follow-us .list li.baidu:hover {
	background: url("../img/baidu-hover.png") 0 0 no-repeat
}

.footer .top .social-links .follow-us .list li a {
	display: block
}

.footer .top .footer-nav {
	float: left;
	width: 50%;
	margin-left: 100px;
}

.footer .top .footer-nav dl {
	float: inherit;
	margin: 0 25px;
	font-size: 16px
}

.footer .top .footer-nav dl.special {
	width: 220px;
	font-size: 0
}

.footer .top .footer-nav dl.special dd {
	display: inline-block;
	width: 110px
}

.footer .top .footer-nav dl dt {
	margin-bottom: 25px;
	font-size: 16px
}

.footer .top .footer-nav dl dd {
	margin-bottom: 5px
}

.footer .top .footer-nav dl dd a {
	font-size: 16px;
	color: #a0a0a0
}

.footer .top .footer-nav dl dd a:hover {
	color: #da2417
}

.footer .bottom {
	padding: 15px 0;
	font-size: 14px;
	text-align: center;
	background-color: #454545
}

.footer .bottom p {
	display: inline-block;
	color: #fff
}

.footer .bottom p a {
	color: #fff
}

.footer .bottom .link {
	position: relative;
	display: inline-block;
	width: 160px;
	margin-left: 30px;
	font-size: 12px;
	color: #fff
}

.footer .bottom .link .trigger {
	position: relative;
	width: 160px;
	height: 20px;
	line-height: 18px;
	padding-right: 10px;
	padding-left: 10px;
	cursor: pointer;
	text-align: left;
	border: 1px solid #fff
}

.footer .bottom .link .trigger:after {
	position: absolute;
	top: 4px;
	right: 10px;
	width: 14px;
	height: 11px;
	content: '';
	background: url("../img/triangle.png") right center no-repeat
}

.footer .bottom .link .link-dtl {
	position: absolute;
	bottom: 20px;
	left: 0;
	visibility: hidden;
	width: 100%;
	padding-top: 2px;
	padding-left: 10px;
	text-align: left;
	opacity: 0;
	background-color: #fff;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.footer .bottom .link .link-dtl.show {
	visibility: visible;
	opacity: 1
}

.footer .bottom .link .link-dtl li {
	margin-bottom: 2px
}

.go-to-top {
	position: fixed;
	z-index: 100;
	right: 50px;
	bottom: 80px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	background: url("../img/top.png") 0 0 repeat-y;
	-webkit-transition: transform .8s linear;
	-moz-transition: transform .8s linear;
	-o-transition: transform .8s linear;
	transition: transform .8s linear
}

.brand-intro-section .top .desc .text {
	float: left;
	width: 660px
}

.brand-intro-section .top .desc .text h3.cn {
	font-size: 30px
}

.brand-intro-section .top .desc .text h3.en {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 30px;
	text-transform: uppercase
}

.brand-intro-section .top .desc .text h3.en:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 25px;
	height: 6px;
	content: '';
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #da2417
}

.brand-intro-section .top .desc .text p {
	line-height: 24px
}

.brand-intro-section .top .desc .thumb {
	float: right;
	width: 500px
}

.brand-intro-section .brands {
	background-color: #ffecf6
}

.brand-intro-section .brands h3 {
	margin-top: -20px;
	margin-bottom: 50px;
	text-align: center
}

.brand-intro-section .brands .list li {
	float: left;
	width: 33.3333%
}

.brand-intro-section .brands .list li:nth-child(3n) a .thumb,
.brand-intro-section .brands .list li:nth-child(3n+2) a .thumb {
	border-left: 0 none
}

.brand-intro-section .brands .list li a {
	position: relative;
	display: block
}

.brand-intro-section .brands .list li a:hover .desc {
	display: block;
	visibility: visible;
	opacity: 1
}

.brand-intro-section .brands .list li a:hover .desc .inner .text {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.brand-intro-section .brands .list li a .thumb {
	height: 200px;
	line-height: 200px;
	text-align: center;
	border: 1px solid #fff
}

.brand-intro-section .brands .list li a .thumb img {
	display: inline-block;
	max-width: 80%;
	max-height: 80%;
	vertical-align: middle
}

.brand-intro-section .brands .list li a .desc {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
	background-color: #454545;
	background-color: rgba(69, 69, 69, 0.9);
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.brand-intro-section .brands .list li a .desc .inner {
	display: table;
	height: 100%
}

.brand-intro-section .brands .list li a .desc .inner .text {
	display: table-cell;
	padding: 0 25px;
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
	vertical-align: middle;
	color: #fff;
	-webkit-transition: transform .4s ease;
	-moz-transition: transform .4s ease;
	-o-transition: transform .4s ease;
	transition: transform .4s ease
}

.brand-intro-section .bottom .figure {
	margin-bottom: 20px
}

.brand-intro-section .bottom .figure .left {
	float: left;
	width: 580px
}

.brand-intro-section .bottom .figure .left img {
	display: block;
	width: 100%;
	margin-bottom: 15px
}

.brand-intro-section .bottom .figure .left p {
	line-height: 24px;
	margin-bottom: 20px
}

.brand-intro-section .bottom .figure .right {
	float: right;
	width: 600px
}

.brand-intro-section .bottom>img {
	display: block;
	width: 100%
}

.company-news-section .list li {
	float: left;
	width: 50%;
	margin-bottom: 20px
}

.company-news-section .list li .thumb {
	float: left;
	width: 50%
}

.company-news-section .list li .thumb img {
	display: block;
	width: 100%;
	height: 180px
}

.company-news-section .list li .desc {
	float: left;
	width: 50%;
	padding: 0 10px 0 20px
}

.company-news-section .list li .desc h2 {
	margin-bottom: 20px;
	font-size: 18px
}

.company-news-section .list li .desc p {
	margin-bottom: 15px
}

.company-news-section .list li .desc a {
	display: block;
	width: 100px;
	height: 34px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	border: 1px solid #eee;
	background-color: #da2417;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.company-news-section .list li .desc a:hover {
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3)
}

.pagination {
	margin-top: 60px;
	padding-bottom: 50px;
	font-size: 0;
	text-align: center
}

.pagination a,
.pagination p {
	display: inline-block;
	height: 30px;
	line-height: 28px;
	margin: 0 5px;
	padding: 0 15px;
	font-size: 14px;
	border: 1px solid #999
}

.pagination .first,
.pagination .last {
	width: 70px
}

.pagination p {
	cursor: default;
	color: #999
}

.pagination a {
	color: #999;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear
}

.pagination a:hover {
	color: #fff;
	border: 1px solid #da2417;
	background-color: #da2417
}

.pagination a.cur {
	cursor: default;
	color: #fff;
	border: 1px solid #da2417;
	background-color: #da2417
}

.company-news-dtl {
	width: 1000px;
	margin: 0 auto;
	color: #454545
}

.company-news-dtl h2 {
	margin-bottom: 20px;
	font-size: 30px;
	text-align: center
}

.company-news-dtl .time {
	position: relative;
	margin-bottom: 30px;
	font-size: 16px;
	text-align: center
}

.company-news-dtl .time span {
	position: relative;
	z-index: 2;
	display: block;
	width: 200px;
	margin: 0 auto;
	background-color: #fff
}

.company-news-dtl .time:after {
	position: absolute;
	top: 12px;
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
	background-color: #eee
}

.company-news-dtl .content {
	padding-bottom: 50px;
	border-bottom: 1px solid #eee
}

.company-news-dtl .tool {
	margin-top: 20px
}

.company-news-dtl .tool .bread-crumb {
	float: left
}

.company-news-dtl .tool .bread-crumb .item {
	display: inline-block
}

.honor-section .list {
	margin-right: -30px
}

.honor-section .list li {
	float: left;
	width: 33.3333%;
	margin-bottom: 20px;
	padding-right: 30px
}

.honor-section .list li a {
	position: relative;
	display: block;
	height: 380px;
	line-height: 380px;
	text-align: center;
	border: 1px solid #eee
}

.honor-section .list li a:hover {
	border: 1px solid #da2417
}

.honor-section .list li a:hover .honor-name {
	visibility: visible;
	opacity: 1
}

.honor-section .list li a img {
	display: inline-block;
	max-width: 85%;
	max-height: 85%;
	vertical-align: middle
}

.honor-section .list li a .honor-name {
	position: absolute;
	bottom: 0;
	left: 0;
	visibility: hidden;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 5%;
	opacity: 0;
	color: #fff;
	background-color: #454545;
	background-color: rgba(69, 69, 69, 0.8);
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.fancybox-wrap {
	overflow: visible !important
}

.fancybox-wrap .fancybox-title {
	line-height: 1.5;
	padding: 15px 5%;
	font-family: '思源黑体 CN', 'Microsoft YaHei', WenQuanYi Micro Hei, Arial, sans-serif;
	font-size: 24px;
	text-align: center;
	color: #454545;
	background-color: #eee
}

.video-section .list li {
	position: relative;
	margin-bottom: 50px;
	padding: 30px 100px;
	border: 1px solid #eee
}

.video-section .list li:hover video {
	-webkit-box-shadow: 3px 3px 5px rgba(69, 69, 69, 0.2);
	-moz-box-shadow: 3px 3px 5px rgba(69, 69, 69, 0.2);
	box-shadow: 3px 3px 5px rgba(69, 69, 69, 0.2)
}

.video-section .list li video {
	-webkit-transition: box-shadow .15s ease;
	-moz-transition: box-shadow .15s ease;
	-o-transition: box-shadow .15s ease;
	transition: box-shadow .15s ease
}

.video-section .list li .time,
.video-section .list li .video-name {
	display: block;
	font-size: 16px;
	color: #454545
}

.video-section .list li .video-name {
	margin-top: 30px
}

.video-section .list li .download-btn {
	width: 40px;
	height: 42px;
	background: url("../img/download.png") 0 0 no-repeat;
	position: absolute;
	right: 100px;
	bottom: 30px
}

.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	border-color: #fff;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.vjs-default-skin .vjs-big-play-button:before {
	top: -3px;
	left: 2px;
	line-height: 50px;
	color: #fff
}

.vjs-default-skin .vjs-menu-button {
	display: none
}

.vjs-default-skin .vjs-big-play-button {
	background: rgba(255, 255, 255, 0)
}

.vjs-default-skin .vjs-play-progress {
	background-color: #da2417
}

.vjs-default-skin .vjs-volume-level {
	background-color: #da2417
}

.vjs-time-divider span {
	color: #fff
}

.vjs-default-skin .vjs-seek-handle:before {
	padding-top: 0
}

.counter-image-section .carousel {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-width: 980px;
	height: 600px;
	text-align: center;
	background: #fff
}

.counter-image-section .carousel .bd {
	position: absolute;
	left: 50%;
	width: 950px;
	margin-left: -475px
}

.counter-image-section .carousel .bd .tempWrap {
	overflow: visible !important
}

.counter-image-section .carousel .bd .tempWrap ul {
	margin-left: -950px !important
}

.counter-image-section .carousel .bd .tempWrap ul li {
	overflow: hidden;
	width: 950px;
	padding: 0 25px
}

.counter-image-section .carousel .bd .tempWrap ul li a {
	position: relative;
	display: block
}

.counter-image-section .carousel .bd .tempWrap ul li a img {
	display: block;
	width: 900px;
	height: 600px
}

.counter-image-section .carousel .bd .tempWrap ul li a .desc {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	text-align: center;
	background-color: #eee
}

.counter-image-section .carousel .pnBtn {
	position: absolute;
	z-index: 1;
	top: 0;
	width: 100%;
	height: 600px;
	cursor: pointer
}

.counter-image-section .carousel .pnBtn.prev {
	left: -50%;
	margin-left: -500px
}

.counter-image-section .carousel .pnBtn.next {
	left: 50%;
	margin-left: 500px
}

.counter-image-section .carousel .pnBtn .blackBg {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 600px;
	opacity: 0.5;
	background: #fff;
	filter: alpha(opacity=50)
}

.sales-counter-section .list {
	margin-right: -30px
}

.sales-counter-section .list li {
	float: left;
	width: 33.3333%
}

.sales-counter-section .list li .inner {
	padding-right: 30px
}

.sales-counter-section .list li .inner .thumb img {
	display: block;
	width: 100%;
	height: 380px
}

.sales-counter-section .list li .inner .desc {
	width: 100%;
	padding: 20px;
	background-color: #eee
}

.sales-counter-section .list li .inner .desc span {
	display: block
}

.product-dtl .info {
	margin-bottom: 80px
}

.product-dtl .info .desc {
	display: table;
	float: right;
	width: 45.8333%;
	height: 600px;
	font-size: 18px
}

.product-dtl .info .desc .content {
	display: table-cell;
	vertical-align: middle
}

.product-dtl .info .desc .content .cn-name {
	margin-bottom: 5px;
	font-size: 30px
}

.product-dtl .info .desc .content .en-name {
	padding-bottom: 20px;
	border-bottom: 1px solid #eee
}

.product-dtl .info .desc .content .param-container {
	margin-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 25px;
	border-bottom: 1px solid #eee
}

.product-dtl .info .desc .content .param-container p {
	overflow: hidden;
	margin-bottom: 5px
}

.product-dtl .info .desc .content .param-container p .param {
	float: left;
	width: 12%
}

.product-dtl .info .desc .content .param-container p .param-val {
	float: left;
	width: 88%
}

.product-dtl .info .desc .content .tool a {
	display: inline-block;
	width: 140px;
	height: 30px;
	line-height: 28px;
	margin-right: 30px;
	text-align: center;
	border: 1px solid #454545;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear
}

.product-dtl .info .desc .content .tool a:hover {
	color: #fff;
	border-color: #da2417;
	background-color: #da2417
}

.product-dtl .info .carousel {
	float: left;
	width: 50%;
	height: 600px;
	border: 1px solid #eee
}

.product-dtl .info .carousel .bd ul li img {
	display: block;
	width: 100%;
	height: 100%
}

.product-dtl .info .carousel .hd {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center
}

.product-dtl .info .carousel .hd ul {
	display: inline-block;
	overflow: hidden;
	text-align: center
}

.product-dtl .info .carousel .hd ul li {
	float: left;
	width: 12px;
	height: 12px;
	margin: 0 10px;
	font-size: 0;
	cursor: pointer;
	border: 2px solid #454545;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.product-dtl .info .carousel .hd ul li.on {
	border-color: #da2417
}

.product-dtl .details .head {
	position: relative;
	display: block;
	margin-bottom: 50px;
	padding-bottom: 10px;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px solid #eee
}

.product-dtl .details .head:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100px;
	height: 2px;
	margin-left: -50px;
	content: '';
	background-color: #da2417
}

.product-dtl .details .content img {
	display: block;
	width: 100%
}

.beauty-tips-section .beauty-tips-list li {
	margin-bottom: 40px
}

.answer-section .list-container {
	margin-right: -40px
}

.answer-section .list-container .left,
.answer-section .list-container .right {
	float: left;
	width: 50%;
	padding-right: 40px
}

.answer-section .list-container .answer-item .title {
	position: relative;
	margin-bottom: 35px;
	padding-bottom: 15px;
	font-size: 16px;
	border-bottom: 2px solid #eee
}

.answer-section .list-container .answer-item .title:after {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 50px;
	height: 2px;
	content: '';
	background-color: #da2417
}

.answer-section .list-container .answer-item ul {
	margin-bottom: 50px
}

.answer-section .list-container .answer-item ul li {
	margin-bottom: 20px;
	padding: 0 20px;
	border: 1px solid #eee
}

.answer-section .list-container .answer-item ul li .ask {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	cursor: pointer
}

.answer-section .list-container .answer-item ul li .ask.expand:after {
	content: '';
	background: #da2417 url(../img/minus.png) center center no-repeat
}

.answer-section .list-container .answer-item ul li .ask:after {
	position: absolute;
	top: 20px;
	right: 0;
	width: 30px;
	height: 30px;
	content: '';
	background: #454545 url(../img/plus.png) center center no-repeat
}

.answer-section .list-container .answer-item ul li .answer {
	position: relative;
	visibility: hidden;
	overflow: hidden;
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
	color: #a0a0a0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.answer-section .list-container .answer-item ul li .answer.show {
	visibility: visible;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px
}

.answer-section .list-container .answer-item ul li .answer:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
	background-color: #eee
}

.contact-us-section .division {
	margin-right: -30px;
	margin-bottom: 30px
}

.contact-us-section .division li {
	float: left;
	width: 33.3333%;
	padding-right: 30px
}

.contact-us-section .division li.current .inner {
	border-color: #da2417
}

.contact-us-section .division li .inner {
	padding: 45px 25px;
	cursor: pointer;
	border: 1px solid #eee
}

.contact-us-section .division li .inner .name {
	margin-bottom: 30px;
	font-size: 16px
}

.contact-us-section .division li .inner .info {
	margin-bottom: 5px;
	color: #a0a0a0
}

.contact-us-section .division li .inner .info .param,
.contact-us-section .division li .inner .info .val {
	float: left
}

.contact-us-section .division li .inner .info .param {
	width: 15%
}

.contact-us-section .division li .inner .info .val {
	width: 85%
}

.contact-us-section .map li {
	display: none
}

.contact-us-section .map li.current {
	display: block
}

.contact-us-section .map li img {
	display: block;
	width: 100%
}

.sales-network-section .top .map {
	position: relative;
	float: left;
	margin-bottom: 80px
}

.sales-network-section .top .map .dot {
	position: absolute;
	width: 20px;
	height: 20px
}

.sales-network-section .top .map .dot.dot1 {
	top: 240px;
	left: 270px
}

.sales-network-section .top .map .dot.dot1 .point1:after {
	-webkit-animation-delay: 0s !important;
	-moz-animation-delay: 0s !important;
	animation-delay: 0s !important
}

.sales-network-section .top .map .dot.dot1 .point2:after {
	-webkit-animation-delay: 1s !important;
	-moz-animation-delay: 1s !important;
	animation-delay: 1s !important
}

.sales-network-section .top .map .dot.dot2 {
	top: 330px;
	left: 400px
}

.sales-network-section .top .map .dot.dot2 .point1:after {
	-webkit-animation-delay: 0.3s !important;
	-moz-animation-delay: 0.3s !important;
	animation-delay: 0.3s !important
}

.sales-network-section .top .map .dot.dot2 .point2:after {
	-webkit-animation-delay: 1.3s !important;
	-moz-animation-delay: 1.3s !important;
	animation-delay: 1.3s !important
}

.sales-network-section .top .map .dot.dot3 {
	top: 410px;
	left: 410px
}

.sales-network-section .top .map .dot.dot3 .point1:after {
	-webkit-animation-delay: 0.6s !important;
	-moz-animation-delay: 0.6s !important;
	animation-delay: 0.6s !important
}

.sales-network-section .top .map .dot.dot3 .point2:after {
	-webkit-animation-delay: 1.6s !important;
	-moz-animation-delay: 1.6s !important;
	animation-delay: 1.6s !important
}

.sales-network-section .top .map .dot.dot4 {
	top: 120px;
	left: 670px
}

.sales-network-section .top .map .dot.dot4 .point1:after {
	-webkit-animation-delay: 0.9s !important;
	-moz-animation-delay: 0.9s !important;
	animation-delay: 0.9s !important
}

.sales-network-section .top .map .dot.dot4 .point2:after {
	-webkit-animation-delay: 1.9s !important;
	-moz-animation-delay: 1.9s !important;
	animation-delay: 1.9s !important
}

.sales-network-section .top .map .dot.dot5 {
	top: 165px;
	left: 580px
}

.sales-network-section .top .map .dot.dot5 .point1:after {
	-webkit-animation-delay: 1.2s !important;
	-moz-animation-delay: 1.2s !important;
	animation-delay: 1.2s !important
}

.sales-network-section .top .map .dot.dot5 .point2:after {
	-webkit-animation-delay: 2.2s !important;
	-moz-animation-delay: 2.2s !important;
	animation-delay: 2.2s !important
}

.sales-network-section .top .map .dot.dot6 {
	top: 310px;
	left: 500px
}

.sales-network-section .top .map .dot.dot6 .point1:after {
	-webkit-animation-delay: 1.5s !important;
	-moz-animation-delay: 1.5s !important;
	animation-delay: 1.5s !important
}

.sales-network-section .top .map .dot.dot6 .point2:after {
	-webkit-animation-delay: 2.5s !important;
	-moz-animation-delay: 2.5s !important;
	animation-delay: 2.5s !important
}

.sales-network-section .top .map .dot.dot7 {
	top: 330px;
	left: 570px
}

.sales-network-section .top .map .dot.dot7 .point1:after {
	-webkit-animation-delay: 1.8s !important;
	-moz-animation-delay: 1.8s !important;
	animation-delay: 1.8s !important
}

.sales-network-section .top .map .dot.dot7 .point2:after {
	-webkit-animation-delay: 2.8s !important;
	-moz-animation-delay: 2.8s !important;
	animation-delay: 2.8s !important
}

.sales-network-section .top .map .dot.dot8 {
	top: 390px;
	left: 480px
}

.sales-network-section .top .map .dot.dot8 .point1:after {
	-webkit-animation-delay: 2.1s !important;
	-moz-animation-delay: 2.1s !important;
	animation-delay: 2.1s !important
}

.sales-network-section .top .map .dot.dot8 .point2:after {
	-webkit-animation-delay: 3.1s !important;
	-moz-animation-delay: 3.1s !important;
	animation-delay: 3.1s !important
}

.sales-network-section .top .map .dot.dot9 {
	top: 405px;
	left: 555px
}

.sales-network-section .top .map .dot.dot9 .point1:after {
	-webkit-animation-delay: 0.3s !important;
	-moz-animation-delay: 0.3s !important;
	animation-delay: 0.3s !important
}

.sales-network-section .top .map .dot.dot9 .point2:after {
	-webkit-animation-delay: 1.3s !important;
	-moz-animation-delay: 1.3s !important;
	animation-delay: 1.3s !important
}

.sales-network-section .top .map .dot.dot10 {
	top: 400px;
	left: 625px
}

.sales-network-section .top .map .dot.dot10 .point1:after {
	-webkit-animation-delay: 0.6s !important;
	-moz-animation-delay: 0.6s !important;
	animation-delay: 0.6s !important
}

.sales-network-section .top .map .dot.dot10 .point2:after {
	-webkit-animation-delay: 1.6s !important;
	-moz-animation-delay: 1.6s !important;
	animation-delay: 1.6s !important
}

.sales-network-section .top .map .dot.dot11 {
	top: 525px;
	left: 460px
}

.sales-network-section .top .map .dot.dot11 .point1:after {
	-webkit-animation-delay: 0.9s !important;
	-moz-animation-delay: 0.9s !important;
	animation-delay: 0.9s !important
}

.sales-network-section .top .map .dot.dot11 .point2:after {
	-webkit-animation-delay: 1.9s !important;
	-moz-animation-delay: 1.9s !important;
	animation-delay: 1.9s !important
}

.sales-network-section .top .map .dot.dot12 {
	top: 525px;
	left: 505px
}

.sales-network-section .top .map .dot.dot12 .point1:after {
	-webkit-animation-delay: 1.2s !important;
	-moz-animation-delay: 1.2s !important;
	animation-delay: 1.2s !important
}

.sales-network-section .top .map .dot.dot12 .point2:after {
	-webkit-animation-delay: 2.2s !important;
	-moz-animation-delay: 2.2s !important;
	animation-delay: 2.2s !important
}

.sales-network-section .top .map .dot.dot13 {
	top: 480px;
	left: 535px
}

.sales-network-section .top .map .dot.dot13 .point1:after {
	-webkit-animation-delay: 1.5s !important;
	-moz-animation-delay: 1.5s !important;
	animation-delay: 1.5s !important
}

.sales-network-section .top .map .dot.dot13 .point2:after {
	-webkit-animation-delay: 2.5s !important;
	-moz-animation-delay: 2.5s !important;
	animation-delay: 2.5s !important
}

.sales-network-section .top .map .dot.dot14 {
	top: 460px;
	left: 595px
}

.sales-network-section .top .map .dot.dot14 .point1:after {
	-webkit-animation-delay: 1.8s !important;
	-moz-animation-delay: 1.8s !important;
	animation-delay: 1.8s !important
}

.sales-network-section .top .map .dot.dot14 .point2:after {
	-webkit-animation-delay: 2.8s !important;
	-moz-animation-delay: 2.8s !important;
	animation-delay: 2.8s !important
}

.sales-network-section .top .map .dot .center {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	margin-left: -3px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff
}

.sales-network-section .top .map .dot .point {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.sales-network-section .top .map .dot .point:after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	content: '';
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: Ripple 2.5s ease-out infinite;
	-moz-animation: Ripple 2.5s ease-out infinite;
	animation: Ripple 2.5s ease-out infinite;
	opacity: 0;
	border: 1px solid #fff;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.sales-network-section .top .map .dot .point2:after {
	-webkit-animation: Ripple 2.5s ease-out infinite;
	-moz-animation: Ripple 2.5s ease-out infinite;
	animation: Ripple 2.5s ease-out infinite
}

.sales-network-section .top .mall {
	float: right;
	margin-top: 200px
}

.sales-network-section .bottom img {
	display: block;
	max-width: 100%;
	margin: 0 auto 50px
}

.sales-network-section .bottom p {
	margin-bottom: 20px
}

.application-section h3.title {
	margin-bottom: 50px;
	font-size: 20px;
	text-align: center
}

.application-section .advantage h3 {
	margin-bottom: 80px;
	text-align: center
}

.application-section .advantage .list li {
	float: left;
	width: 33.3333%;
	height: 200px;
	padding: 50px 20px 0;
	border: 1px solid #eee
}

.application-section .advantage .list li .title {
	margin-bottom: 20px;
	text-align: center
}

.application-section .advantage .list li .title .icon {
	display: inline-block;
	margin-right: 10px;
	vertical-align: bottom
}

.application-section .advantage .list li .title span {
	font-size: 20px
}

.application-section .advantage .list li .desc {
	line-height: 1.2;
	font-size: 16px
}

.application-section .joining-process {
	background-color: #eee
}

.application-section .joining-process img {
	display: block;
	width: 100%
}

.application-section .form-container {
	width: 960px;
	margin: 0 auto
}

.application-section .form-container #my-form {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding-bottom: 100px
}

.application-section .form-container #my-form .fill-in {
	float: left;
	width: 100%;
	margin-bottom: 50px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #da2417
}

.application-section .form-container #my-form .item {
	float: left;
	overflow: hidden;
	width: 470px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 20px
}

.application-section .form-container #my-form .item.odd {
	margin-right: 20px
}

.application-section .form-container #my-form .item .aria-label {
	float: left;
	width: 100px;
	height: 50px;
	padding-left: 20px;
	background-color: #eee
}

.application-section .form-container #my-form .item .input-wrapper {
	position: relative;
	float: left;
	overflow: hidden;
	width: 370px;
	height: 50px
}

.application-section .form-container #my-form .item .input-wrapper>input {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding-right: 20px;
	border: 0 none;
	background-color: #eee
}

.application-section .form-container #my-form .item .input-wrapper select {
	float: left;
	width: 370px;
	height: 50px;
	border: 0 none;
	background-color: #eee
}

.application-section .form-container #my-form .qr-wrapper {
	float: left;
	overflow: hidden;
	width: 100%
}

.application-section .form-container #my-form .qr-wrapper .aria-label {
	line-height: 50px;
	padding-left: 1em;
	background-color: #eee
}

.application-section .form-container #my-form .qr-wrapper .textarea-wrapper {
	position: relative;
	height: 150px;
	background-color: #eee
}

.application-section .form-container #my-form .qr-wrapper .textarea-wrapper textarea {
	width: 100%;
	height: 150px;
	line-height: 1.7;
	padding: 0 1em 1em;
	border: 0 none;
	background-color: #eee
}

.application-section .form-container #my-form #submit {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 120px;
	height: 40px;
	line-height: 38px;
	margin-left: -60px;
	font-family: '思源黑体 CN', 'Microsoft YaHei', WenQuanYi Micro Hei, Arial, sans-serif;
	font-size: 18px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border: 0 none;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #da2417
}

#hint-box {
	position: fixed;
	z-index: 20000;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.5)
}

#hint-box .hint {
	position: absolute;
	top: 50%;
	left: 50%;
	display: none;
	width: 320px;
	height: 100px;
	margin-top: -50px;
	margin-left: -160px;
	text-align: center;
	background-color: #fff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}

#hint-box .hint .bottom,
#hint-box .hint .top {
	height: 50px;
	line-height: 50px
}

#hint-box .hint .top {
	border-bottom: 1px solid #eee
}

#hint-box .hint .bottom {
	cursor: pointer;
	color: #da2417;
	-webkit-tap-highlight-color: transparent
}

#hint-box .hint.raise {
	-webkit-animation: Fall 0.5s ease;
	-moz-animation: Fall 0.5s ease;
	animation: Fall 0.5s ease
}

.verify-loading {
	position: fixed;
	z-index: 20000;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(69, 69, 69, 0.5)
}

.verify-loading .ball-pulse-sync {
	position: fixed;
	top: 50%;
	bottom: auto;
	left: 50%;
	display: none;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-color: #fff;
	border-bottom-color: transparent
}

.verify-loading .after-verify {
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	width: 320px;
	height: 100px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	background-color: #fff;
	-webkit-transition: all .25s cubic-bezier(1, 0, 0, 1);
	-moz-transition: all .25s cubic-bezier(1, 0, 0, 1);
	-o-transition: all .25s cubic-bezier(1, 0, 0, 1);
	transition: all .25s cubic-bezier(1, 0, 0, 1)
}

.verify-loading .after-verify .bottom,
.verify-loading .after-verify .top {
	height: 50px;
	line-height: 50px
}

.verify-loading .after-verify .top {
	border-bottom: 1px solid #eee
}

.verify-loading .after-verify .bottom {
	cursor: pointer;
	color: #da2417
}

.verify-loading .after-verify.raise {
	-webkit-animation: Fall 0.5s ease;
	-moz-animation: Fall 0.5s ease;
	animation: Fall 0.5s ease
}

.ball-pulse-sync>div:nth-child(0) {
	-webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
	-moz-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
	animation: ball-pulse-sync 0.6s 0s infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(1) {
	-webkit-animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
	-moz-animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
	animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(2) {
	-webkit-animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
	-moz-animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
	animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(3) {
	-webkit-animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
	-moz-animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
	animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out
}

.ball-pulse-sync {
	position: absolute;
	bottom: 0;
	left: 50%;
	display: none;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.ball-pulse-sync>div {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 2px;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background-color: #fff;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both
}

.product-section {
	font-size: 18px
}

.product-section .product-list li {
	position: relative;
	float: left;
	width: 33.3333%;
	height: 400px;
	line-height: 400px;
	text-align: left;
	border: 1px solid #eee;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear
}

.product-section .product-list li:hover {
	z-index: 2;
	border-color: #da2417;
	-webkit-box-shadow: 2px 2px 8px rgba(69, 69, 69, 0.2);
	-moz-box-shadow: 2px 2px 8px rgba(69, 69, 69, 0.2);
	box-shadow: 2px 2px 8px rgba(69, 69, 69, 0.2)
}

.product-section .product-list li a {
	display: block;
	height: 100%
}

.product-section .product-list li img {
	display: block;
	width: 100%;
	height: 100%
}

.product-section .product-list li .desc {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center
}

.product-section .search-container {
	margin-bottom: 50px;
	padding: 35px 0 35px 50px;
	background-color: #eee
}

.product-section .search-container .classification {
	height: 35px;
	line-height: 35px;
	margin-bottom: 20px
}

.product-section .search-container .classification .left {
	float: left;
	width: 90px
}

.product-section .search-container .classification ul {
	float: left
}

.product-section .search-container .classification ul li {
	float: left;
	margin-right: 20px
}

.product-section .search-container .classification ul li.current a {
	color: #fff;
	background-color: #da2417
}

.product-section .search-container .classification ul li a {
	display: block;
	padding: 0 15px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.product-section .search-container .search-form-container .left {
	float: left;
	width: 90px;
	height: 35px;
	line-height: 35px
}

.product-section .search-container .search-form-container form {
	float: left
}

.product-section .search-container .search-form-container form #search-input {
	float: left;
	width: 780px;
	height: 35px;
	line-height: 33px;
	padding: 0 1em;
	border: 1px solid #454545;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #eee
}

.product-section .search-container .search-form-container form #search-submit {
	float: left;
	width: 200px;
	height: 35px;
	margin-left: 30px;
	font-size: 0;
	border: 0 none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #454545 url("../img/search.png") center center no-repeat
}

.talent-dtl-section {
	width: 1000px;
	margin: 0 auto
}

.talent-dtl-section .requirements-container {
	padding: 50px 30px 35px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.talent-dtl-section .requirements-container .requirements-list li {
	margin-bottom: 15px
}

.talent-dtl-section .requirements-container .requirements-list li .requirements {
	float: left;
	width: 15%
}

.talent-dtl-section .requirements-container .requirements-list li .desc {
	float: left;
	width: 85%
}

.talent-dtl-section .tool {
	margin-top: 20px
}

.talent-dtl-section .tool .bread-crumb {
	float: left
}

.talent-dtl-section .tool .bread-crumb .item {
	display: inline-block
}

.talent-section .list>li {
	float: left;
	width: 50%;
	height: 400px;
	padding: 50px 30px 0;
	border: 1px solid #eee
}

.talent-section .list>li:nth-child(even) {
	border-top: 0 none;
	border-left: 0 none
}

.talent-section .list>li:nth-child(odd) {
	border-top: 0 none
}

.talent-section .list>li:nth-child(1),
.talent-section .list>li:nth-child(2) {
	border-top: 1px solid #eee
}

.talent-section .requirements-list li {
	margin-bottom: 15px
}

.talent-section .requirements-list li .requirements {
	float: left;
	width: 25%
}

.talent-section .requirements-list li .desc {
	float: left;
	width: 75%
}

.talent-section .requirements-list li .desc.special {
	position: relative;
	overflow: hidden;
	height: 120px
}

.talent-section .requirements-list li .desc.special:after {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 24px;
	line-height: 24px;
	content: '...';
	text-align: right;
	color: #454545;
	background: #fff
}

.talent-section .requirements-list li .desc.special p {
	line-height: 24px
}

.talent-section .apply {
	display: block;
	width: 150px;
	line-height: 50px;
	margin: 30px auto 0;
	text-align: center;
	color: #fff;
	background-color: #6a6a6a
}

.talent-section .apply:hover {
	background-color: #da2417
}

.text-right.position.mb-3.d-none.d-md-block {
  padding-bottom: 30px;
}

.copyright {
    font-size: 14px;
    color: #a0a0a0;
    text-align: center;
    margin-top: 50px;
}

.copyright a{
    font-size: 14px;
    color: #a0a0a0;
}