/* 清除默认样式 */
body {
	margin: 0 auto;
	font-family: Microsoft YaHei, Arial;
	font-size: 14px;
	min-width: 1200px;
	background: #2e9bbc;
	background: -moz-linear-gradient(top, #2e9bbc 0%, #7abaca 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1f2ed), color-stop(100%, #7abaca));
	background: -webkit-linear-gradient(top, #2e9bbc 0%, #7abaca 100%);
	background: -o-linear-gradient(top, #2e9bbc 0%, #7abaca 100%);
	background: -ms-linear-gradient(top, #2e9bbc 0%, #7abaca 100%);
	background: linear-gradient(to bottom, #2e9bbc 0%, #7abaca 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e9bbc', endColorstr='#7abaca', GradientType=0);
}
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
li {
	list-style: none;
}
dl, dd {
	margin: 0;
	list-style: none;
}
a {
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	transition: all .3s ease;
}
a:active {
	color: #fff;
}
a:hover {
	text-decoration: none;
}
form {
	margin: 0px
}
a img {
	border: 0px;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
hr {
	border: 0;
	border-bottom: 1px solid #eee;
	height: 0px;
	overflow: hidden;
}
i {
	text-decoration: none;
	font-style: normal;
}
input, textarea, button {
	font-family: Microsoft YaHei, Arial;
	outline: none;
}
textarea {
	overflow: auto;
}
button {
	cursor: pointer;
}
img {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}
main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../images/loading.gif) center center no-repeat #fff;
	z-index: 999;
}
/*通用样式*/
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	zoom: 1;
}
.clear:after {
	content: '';
	visibility: hidden;
	clear: both;
	height: 0;
	display: block;
}
.center {
	width: 1200px;
	margin: auto;
	box-sizing: border-box;
}
.radius-10 {
	border-radius: 10px;
	overflow: hidden;
}
.bgcolor {
	padding: 20px;
	background: #fff;
}
#home .head {
	padding: 20px 0 0 !important;
}
#home nav {
	margin: 80px auto auto !important;
}
#home nav ul {
	bottom: 170px;
}
#home main {
	height: 355px;
}
.mycart {
	border-radius: 0 0 10px 10px;
	margin-top: -20px;
	line-height: 25px;
	padding: 10px;
	background: #fcea49;
	background: -moz-linear-gradient(135deg, #fcea49 0%, #e6f4f1 100%);
	background: -webkit-gradient(linear, 135deg, color-stop(0%, #fcea49), color-stop(100%, #f4b32b));
	background: -webkit-linear-gradient(135deg, #fcea49 0%, #f4b32b 100%);
	background: -o-linear-gradient(135deg, #fcea49 0%, #f4b32b 100%);
	background: -ms-linear-gradient(135deg, #fcea49 0%, #f4b32b 100%);
	background: linear-gradient(135deg, #fcea49 0%, #f4b32b 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcea49', endColorstr='#f4b32b', GradientType=0);
}
.mycart .icon-cart {
	float: left;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	background: url(../images/icon-cart.png) 50% 50% no-repeat;
}
.home-banner {
	width: 1129px;
	height: 598px;
	position: absolute;
	left: 50%;
	top: -150px;
	margin-left: -564.5px;
	background: url(../images/bg-home-banner.png) 50% 0 no-repeat;
	z-index: 3;
}
.home-banner .fold {
	width: 992px;
	margin: 40px auto 0;
}
.home-banner ul {
	height: 531px;
	left: 0;
	top: 0;
}
.home-banner ul li {
	border-radius: 10px;
	overflow: hidden;
}
.home-banner-btn {
	width: 59px;
	height: 59px;
	position: absolute;
	top: 50%;
	margin-top: -29.5px;
	z-index: 3;
}
.home-banner-btn:hover {
	transform: scale(1.1);
}
.home-banner-btn:active {
	transform: scale(1);
}
.home-banner-btn.prev {
	left: -10px;
	background: url(../images/home-banner-prev.png) 50% 50% no-repeat;
}
.home-banner-btn.next {
	right: -10px;
	background: url(../images/home-banner-next.png) 50% 50% no-repeat;
}
header {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.top {
	width: 100%;
	height: 35px;
	border-bottom: 1px solid #37caf6;
	background: #fff;
	background: -moz-linear-gradient(top, #e1f2ed 0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1f2ed), color-stop(100%, #fff));
	background: -webkit-linear-gradient(top, #e1f2ed 0%, #fff 100%);
	background: -o-linear-gradient(top, #e1f2ed 0%, #fff 100%);
	background: -ms-linear-gradient(top, #e1f2ed 0%, #fff 100%);
	background: linear-gradient(to bottom, #e1f2ed 0%, #fff 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1f2ed', endColorstr='#ffffff', GradientType=0);
}
:root .gradient {
	filter: none;
}
.yun {
	position: absolute;
	left: 0;
	top: 35px;
	width: 2602px;
	height: 186px;
	background-image: url(../images/yun.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	-webkit-animation: yun 15s linear infinite;
	animation: yun 15s linear infinite;
	z-index: 1;
}
@keyframes yun {
 0% {
background-position:0 0;
}
 100% {
background-position:100% 0;
}
}
.msg {
	width: 370px;
	height: 35px;
	line-height: 35px;
	position: relative;
	padding-left: 20px;
	text-transform: uppercase;
	overflow: hidden;
}
.msg .slideTop-btn {
	position: absolute;
	left: 0;
	border: 5px solid transparent;
}
.msg ul li a {
	color: #2e9bbc;
}
.msg ul li a:hover {
	text-decoration: underline;
}
.msg .prev {
	top: 5px;
	border-bottom: 5px solid #75cc00;
}
.msg .next {
	bottom: 5px;
	border-top: 5px solid #75cc00;
}
.msg .prevStop {
	border-bottom-color: #ff0052;
}
.msg .nextStop {
	border-top-color: #ff0052;
}
.email-link, .min-search, .site {
	float: left;
	margin: 5px 0;
}
.email-link {
	padding: 5px 10px;
	line-height: 13px;
	color: #fff;
	border: 1px solid #e5e5e5;
	background: #00abfb;
	display: inline-block;
	overflow: hidden;
}
.email-link .icon-email {
	float: left;
	width: 24px;
	height: 13px;
	margin-right: 5px;
	background: url(../images/icon-email.png) 0 0 no-repeat;
}
.min-search {
	position: relative;
	margin: 5px 10px;
}
.min-search input {
	height: 13px;
	margin: 0;
	padding: 5px 10px;
	line-height: 13px;
	font-size: 12px;
	border: 1px solid #e5e5e5;
}
.min-search button {
	position: absolute;
	right: 0;
	top: 0;
	width: 35px;
	height: 25px;
	border: 0;
	background: url(../images/icon-search.png) 50% 50% no-repeat;
}
.site a {
	float: left;
	width: 25px;
	height: 25px;
	background-image: url(../images/icon-flag.png);
	background-repeat: no-repeat;
}
.site .en {
	margin-right: 5px;
	background-position: 0 0;
}
.site .cn {
	background-position: 100% 0;
}
.head {
	position: absolute;
	top: 35px;
	left: 50%;
	margin-left: -600px;
	padding: 50px 0 0;
	overflow: hidden;
	z-index: 4;
}
.head .logo {
	margin-left: 10px;
}
.head .sucai {
	position: absolute;
	right: 240px;
	top: 5px;
	-webkit-animation: sucai 2s linear infinite alternate;
	animation: sucai 2s linear infinite alternate;
	z-index: 1;
}
@keyframes sucai {
 100% {
transform:rotate(10deg);
}
}
.login {
	position: relative;
	z-index: 2;
	width: 252px;
	padding: 5px;
	background: rgba(255,255,255,.5);
	-moz-box-shadow: 0 3px 10px rgba(43,189,179,.2);
	-webkit-box-shadow: 0 3px 10px rgba(43,189,179,.2);
	box-shadow: 0 3px 10px rgba(43,189,179,.2);
}
.login-bg {
	padding: 10px;
	background: rgba(255,255,255,.7);
}
.login h1 {
	margin: 0 0 10px;
	padding-left: 30px;
	font-size: 16px;
	color: #da2d93;
	background: url(../images/icon-user.png) 0 50% no-repeat;
}
.login p {
	margin: 10px 0 0;
	padding-left: 15px;
	font-size: 12px;
	color: #787878;
	background: url(../images/icon-tips.png) 0 50% no-repeat;
}
.login p a {
	color: #787878;
}
.login-content {
	overflow: hidden;
}
.login-input {
	float: left;
	width: 172px;
}
.login-input input {
	width: 150px;
	height: 20px;
	line-height: 20px;
	padding: 7.5px 10px;
	border: 1px solid #eee;
}
.login-input input[type="text"] {
	margin-bottom: 10px;
}
.login-button {
	float: right;
	width: 48px;
}
.login-button button {
	width: 100%;
	height: 84px;
	border: 0;
	background: url(../images/btn-login.png) 0 0 no-repeat;
}
.login-button .cn {
	background: url(../images/btn-login-cn.png) 0 0 no-repeat;
}
.user-head {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dashed #fff;
	overflow: hidden;
}
.user-head i {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
}
.user-head span {
	width: 165px;
}
.user-head span h3 {
	color: #00A8FF;
	line-height: 25px;
}
.user-head span em {
	font-style: normal;
	color: #999;
	font-size: 12px;
	text-transform: uppercase;
}
.user-btn a {
	width: 80%;
	margin: 5px auto;
	line-height: 30px;
	border-radius: 5px;
	display: block;
	text-align: center;
	background: #63B4DB;
}
.user-btn a:hover {
	background: #FECE35;
}
.user-btn a.logout {
	background: #e12e2e;
}
nav {
	position: relative;
	height: 394px;
	margin: 150px auto 0 !important;
	background: url(../images/bg-nav.png) 50% 0 no-repeat;
	z-index: 3;
}
nav ul {
	width: 1000px;
	position: absolute;
	right: 0;
	bottom: 70px;
	z-index: 3;
}
nav ul li {
	float: left;
	margin: 0 5px;
}
nav ul li a {
	position: relative;
	width: 140px;
	height: 42px;
	border-radius: 10px;
	border: 2px solid #c6e376;
	background: #589a00;
	display: block;
}
nav ul li a:active span {
	top: -5px;
}
nav ul li a:hover span {
	animation: guang 500ms linear 1;
}
@keyframes guang {
 0% {
background-position:-20px 0;
}
 50% {
background-position:240px 0;
}
 51% {
background-position:240px 0;
background-image:none;
}
 65% {
background-position:-134px 0;
}
 100% {
background-position:-20px 0;
}
}
nav ul li a span {
	width: 140px;
	height: 42px;
	position: relative;
	top: -8px;
	left: 0;
	border-radius: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 42px;
	text-align: center;
	display: block;
	background-color: #67ae08;
	background-image: url(../images/guang-img.png);
	background-position: -20px 0;
	background-repeat: no-repeat;
	transition: all 100ms ease-in-out;
	overflow: hidden;
}
nav ul li:nth-child(2) a {
	background: #cd0042;
}
nav ul li:nth-child(3) a {
	background: #eda510;
}
nav ul li:nth-child(4) a {
	background: #05a2ca;
}
nav ul li:nth-child(5) a {
	background: #cb5a9d;
}
nav ul li:nth-child(6) a {
	background: #e9610a;
}
nav ul li:nth-child(2) a span {
	background-color: #d6245d;
	background-image: url(../images/guang-img2.png);
}
nav ul li:nth-child(3) a span {
	background-color: #f4b22a;
}
nav ul li:nth-child(4) a span {
	background-color: #16add4;
	background-image: url(../images/guang-img3.png);
}
nav ul li:nth-child(5) a span {
	background-color: #d26ea9;
	background-image: url(../images/guang-img4.png);
}
nav ul li:nth-child(6) a span {
	background-color: #f17525;
}
nav ul li a span:after {
	content: '';
	position: absolute;
	left: 1px;
	top: 1px;
	width: 136px;
	height: 38px;
	border-width: 1px;
	border-style: solid;
	border-right: 0;
	border-bottom: 0;
	/*  border-image: -webkit-linear-gradient(45deg, #fff , #000);
  border-image: -moz-linear-gradient(45deg, #fff , #000);*/
	border-color: #fff;
	border-radius: 10px;
	z-index: 3;
	opacity: .3;
	filter: alpha(opacity=30);
}
main {
	position: relative;
	width: 1024px;
	margin: auto;
	padding: 0 88px 200px;
	background: url(../images/bg-main.png) 50% 0 repeat-y;
}
.banner {
	position: relative;
	overflow: hidden;
}
.banner .hd {
	position: absolute;
	right: 30px;
	bottom: 24px;
	z-index: 2;
}
.banner .hd li {
	width: 12px;
	height: 12px;
	margin: 0 5px;
	border-radius: 50%;
	background: #fff;
	opacity: .5;
	filter: alpha(opacity=50);
	display: inline-block;
	cursor: pointer;
}
.banner .hd li.on {
	opacity: 1;
	filter: alpha(opacity=100);
}
.banner .bd li a p {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	padding-left: 50px;
	box-sizing: border-box;
	line-height: 60px;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	background: url(../images/icon-star.png) 15px 50% no-repeat #068ab2;
}
.container {
	margin: 15px 0;
}
.sidebar {
	width: 350px;
}
.sidebar .title {
	border-radius: 10px 10px 0 0;
	background-color: #67ae08;
}
.hot-kinds a {
	width: 350px;
	height: 150px;
	position: relative;
	margin: 0 0 15px;
	border-radius: 10px;
	display: block;
	overflow: hidden;
}
.hot-kinds a h1 {
	position: absolute;
	left: 30px;
	top: 45px;
	font-size: 30px;
	text-transform: uppercase;
}
.hot-kinds a h1 small {
	font-size: 70%;
	display: block;
}
.new-pro {
	width: 350px;
	height: 270px;
	background: url(../images/bg-new-pro.jpg) 0 0 no-repeat;
}
.new-pro .bd {
	padding: 20px 15px;
}
.new-pro ul li {
	margin: 0 0 20px;
	overflow: hidden;
}
.new-pro ul li .pro-img {
	float: left;
	width: 143px;
	height: 107px;
	border-radius: 10px;
	overflow: hidden;
}
.new-pro ul li .pro-img img {
	width: 143px;
}
.new-pro ul li .pro-text {
	float: right;
	width: 165px;
	color: #fff;
}
.new-pro ul li .pro-text strong {
	font-size: 22px;
}
.new-pro ul li .pro-text p {
	margin: 5px 0;
	font-size: 14px;
}
.new-pro ul li .pro-text .add-cart {
	width: 25px;
	height: 25px;
	display: block;
	background: url(../images/icon-cart.png) 50% 50% no-repeat;
}

.new-pro ul li .pro-text .add_cart {
	width: 25px;
	height: 25px;
	display: block;
	background: url(../images/icon-cart.png) 50% 50% no-repeat;
}

.content {
	width: 660px;
	border-radius: 10px;
	overflow: hidden;
}
.content .title {
	background-color: #068ab2;
}
.brand-video {
	margin: 15px 0;
	overflow: hidden;
}
.brand-video div {
	width: 324px;
}
.brand-video h1 {
	padding-left: 40px;
	color: #fff;
	font-size: 20px;
	line-height: 38px;
	text-transform: uppercase;
	background-image: url(../images/icon-star.png);
	background-position: 10px 50%;
	background-repeat: no-repeat;
}
.brand {
	background: #f15700;
}
.brand h1 {
	background-color: #dd3804;
}
.brand span {
	height: 60px;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	margin: 25px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.video {
	background: #619f0f
}
.video a {
	position: relative;
	display: block;
}
.video a:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 74px;
	height: 74px;
	margin: -37px 0 0 -37px;
	border-radius: 50%;
	background: #619f0f;
	z-index: 2;
}
.video a:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -10px;
	border: 15px solid transparent;
	border-left: 25px solid #fff;
	z-index: 2;
}
.video a span {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .3;
	filter: alpha(opacity=30);
	z-index: 1;
}
.sucai3 {
	position: absolute;
	right: -38px;
	top: 70px;
}
.sucai4 {
	position: absolute;
	left: -70px;
	top: 40%;
	z-index: 3;
	animation: sucai4 14s linear infinite;
}
@keyframes sucai4 {
 0% {
top:100%;
transform:rotate(10deg);
}
 25% {
transform:rotate(0deg);
}
 50% {
transform:rotate(10deg);
}
 75% {
transform:rotate(0deg);
}
 100% {
top:-150%;
transform:rotate(10deg);
}
}
footer {
	position: relative;
	height: 401px;
	background: url(../images/bg-footer-repeat.jpg) 0 0 repeat-x;
	z-index: 3;
}
footer .sucai2 {
	position: absolute;
	left: 0;
	top: -246px;
	width: 100%;
	height: 246px;
	background: url(../images/bg-footer.png) 50% 0 no-repeat;
	z-index: 3;
}
footer .center {
	padding: 0 14px;
}
footer .foot-content section {
	float: left;
	width: 310px;
	height: 240px;
	margin: 0 10px 0;
	border-radius: 15px;
	overflow: hidden;
}
footer .foot-content .gradient {
	height: 100%;
	box-sizing: border-box;
	padding: 20px;
	background: #c8eae7;
	background: -moz-linear-gradient(135deg, #c8eae7 0%, #e6f4f1 100%);
	background: -webkit-gradient(linear, 135deg, color-stop(0%, #c8eae7), color-stop(100%, #e6f4f1));
	background: -webkit-linear-gradient(135deg, #c8eae7 0%, #e6f4f1 100%);
	background: -o-linear-gradient(135deg, #c8eae7 0%, #e6f4f1 100%);
	background: -ms-linear-gradient(135deg, #c8eae7 0%, #e6f4f1 100%);
	background: linear-gradient(135deg, #c8eae7 0%, #e6f4f1 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8eae7', endColorstr='#e6f4f1', GradientType=0);
}
footer section h1 {
	position: relative;
	margin: 0 0 15px;
	padding-left: 40px;
	line-height: 30px;
	text-transform: uppercase;
}
footer section h1:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}
footer section h1:after {
	content: '';
	position: absolute;
	left: 13px;
	top: 9px;
	border: 6px solid transparent;
	border-left: 6px solid #fff;
}
footer .foot-contact h1:before {
	background: #ed3268;
}
footer .foot-about h1:before {
	background: #5eafcb;
}
footer .foot-news h1:before {
	background: #85b03f;
}
footer .foot-contact {
	color: #ed3268;
}
footer .foot-contact p {
	margin: 0;
	margin: 5px 0;
	line-height: 22px;
}
footer .foot-about {
	color: #5eafcb;
}
footer .foot-about p {
	margin: 0;
	padding: 0 10px;
	line-height: 22px;
}
footer .foot-news {
	width: 492px !important;
	color: #85b03f;
}
footer .foot-news ul li {
	position: relative;
	padding-left: 30px;
	line-height: 30px;
	border-bottom: 1px dashed #555;
	font-size: 16px;
	overflow: hidden;
}
footer .foot-news ul li:before {
	position: absolute;
	content: '+';
	left: 0;
	top: 50%;
	margin-top: -5px;
	width: 20px;
	height: 12px;
	text-align: center;
	line-height: 10px;
	color: #fff;
	background: #f92200;
}
footer .foot-news ul li a {
	float: left;
	color: #85b03f;
}
footer .foot-news ul li span {
	float: right;
}
footer .copy {
	padding: 45px 0;
}
footer .copy .foot-nav a {
	margin-right: 15px;
	color: #2dafd6;
	font-size: 22px;
	line-height: 40px;
}
footer .copy p {
	margin: 5px 0;
	font-size: 16px;
	text-transform: uppercase;
}
footer .copy p span {
	margin-left: 50px;
}
footer .copy p span a {
	color: #000;
}
footer .copy p span a:hover {
	text-decoration: underline;
}
footer .copy img {
	float: left;
	margin-left: 15px;
}
.title {
	padding-left: 45px;
	line-height: 55px;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	background-image: url(../images/icon-star.png);
	background-position: 15px 50%;
	background-repeat: no-repeat;
	background-color: #67ae08;
}
.min-banner {
	background: url(../images/bg-min-banner.jpg) 100% 100% no-repeat #d42155;
}
.min-banner .title {
	background-color: #b60d37;
}
.min-banner .title-text {
	width: 60%;
	padding: 20px 50px;
	color: #fff;
}
.min-banner .title-text h1 {
	position: relative;
	font-size: 60px;
	line-height: 100%;
}
.min-banner .title-text h1:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg-repeat.png) repeat;
}
.min-banner .title-text p {
	position: relative;
	width: 280px;
	margin: 0;
	padding-right: 55px;
	font-size: 12px;
}
.min-banner .title-text p a {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -13px;
	padding: 3px 5px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	border-radius: 5px;
	background: #f4b22a;
}
.kinds {
	position: relative;
	min-height: 550px;
	margin: 0 0 15px;
	border-radius: 10px;
	background: url(../images/bg-kinds.jpg) repeat;
}
.kinds:before {
	content: '';
	position: absolute;
	left: 0;
	top: 55px;
	width: 100%;
	height: 100%;
	opacity: .3;
	filter: alpha(opacity=30);
	background: url(../images/bg-kinds.png) 0 0 no-repeat;
}
.kinds ul {
	position: relative;
	padding: 20px 30px;
}
.kinds ul li {
	position: relative;
	margin: 15px 0;
	padding-left: 35px;
	line-height: 25px;
	font-size: 18px;
}
.kinds ul li:before {
	content: '+';
	position: absolute;
	left: 0;
	top: 50%;
	margin: -12.5px 0 0;
	width: 21px;
	height: 21px;
	border: 2px solid #fff;
	color: #67ae08;
	line-height: 18px;
	border-radius: 50%;
	text-align: center;
	background: #fff;
	transition: all .3s ease-in-out;
}
.kinds ul li:hover:before {
	color: #fff;
	background: #00aadd;
}
.kinds ul li:hover a {
	color: #00aadd;
}
.kinds ul li:hover .kinds-menu {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}
.kinds ul li a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.kinds ul li .kinds-menu {
	min-width: 350px;
	position: absolute;
	left: 70%;
	top: -15px;
	padding: 15px;
	border-radius: 10px;
	background: #fff;
	z-index: 2;
	box-shadow: 0 0 15px rgba(0,0,0,.3);
	transition: all .3s ease-in-out;
	opacity: 0;
	visibility: hidden;
	transform: scale(.5);
	transform-origin: 0 15px;
}
.kinds ul li .kinds-menu:before {
	content: '';
	position: absolute;
	left: -16px;
	top: 20px;
	border: 8px solid transparent;
	border-right: 8px solid #fff;
}
.kinds ul li .kinds-menu a {
	float: left;
	margin: 5px;
	line-height: 30px;
	color: #999;
	padding: 3px 10px;
	font-size: 14px;
	border-radius: 5px;
	display: inline-block;
	background: #f4f4f4;
}
.kinds ul li .kinds-menu a:hover {
	color: #fff;
	background: #00aadd;
}
.product {
	padding: 9px;
}
.product ul li {
	float: left;
	width: 204px;
	margin: 5px;
}
.product ul li .pro-img {
	border: 2px solid #eee;
	border-radius: 10px;
	display: block;
	overflow: hidden;
}
.product ul li .pro-img:hover {
	border-color: #16add4;
}
.product ul li .pro-img img {
	width: 200px;
}
.product ul li .pro-text {
	padding: 10px;
	overflow: hidden;
}
.product ul li .pro-text .add_cart, .product ul li .pro-text span {
	float: left;
}
.product ul li .pro-text .add_cart {
	width: 30px;
	height: 30px;
	background: url(../images/icon-cart2.png) 50% 50% no-repeat;
}
.product ul li .pro-text span {
	width: 140px;
	margin-left: 10px;
}
.product ul li .pro-text span p {
	margin: 0;
	font-size: 12px;
	line-height: 15px;
	color: #777;
}
.page {
	margin: 30px auto;
	text-align: center;
}
.page-box {
	padding: 5px 3px;
	border-radius: 20px;
	background: #e6e6e6;
	display: inline-block;
}
.page a {
	float: left;
	width: 30px;
	margin: 0 2px;
	text-align: center;
	line-height: 30px;
	color: #16add4;
	border-radius: 50%;
}
.page a:hover {
	background: #fff;
}
.page_home, .page_last, .page_prev, .page_next {
	font-family: "宋体";
	font-weight: 700;
}
.page_home, .page_last {
	background: #fff;
}
.page .page_home.non, .page .page_last.non, .page a.active {
	background: #f5f5f5;
	cursor: default;
	color: #ccc;
}
.page_prev.non, .page_next.non {
	color: #ccc;
}
.page_prev.non:hover, .page_next.non:hover {
	background-color: transparent;
}
.news ul li {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}
.news ul li .news-img {
	float: left;
	width: 175px;
	margin-right: 10px;
	border: 3px solid #eee;
	border-radius: 5px;
}
.news ul li .news-img:hover {
	border-color: #16add4;
}
.news ul li .news-img img {
	width: 175px;
}
.news ul li .news-text {
	float: right;
	width: 425px;
}
.news ul li .news-text h1 {
	font-size: 20px;
	color: #d42155;
}
.news ul li .news-text p {
	margin: 5px 0;
	color: #b1b1b1;
}
.news ul li .news-text span {
	font-size: 16px;
	color: #16add4;
}
.about {
	color: #fff;
	background: #14a7d2;
}
.about em {
	font-weight: 700;
	font-size: 20px;
}
.about p {
	line-height: 20px;
}
.reg ul {
	width: 630px;
	margin: auto;
	display: block;
}
.reg ul li {
	margin: 10px 0;
	overflow: hidden;
}
.reg ul li u, .reg ul li span, .reg ul li em {
	float: left;
	line-height: 26px;
}
.reg ul li u {
	width: 130px;
	text-align: right;
	text-decoration: none;
}
.reg ul li span {
	margin: 0 10px;
}
.reg ul li span input {
	width: 220px;
	border: 0;
	background: #ddd;
	border-radius: 15px;
	height: 16px;
	padding: 5px 10px;
}
.reg ul li em {
	font-size: 12px;
	column-rule: #fff;
	font-weight: 400;
	font-style: normal;
}
.reg ul li span input[type="radio"] {
	display: none;
}
.reg ul li span label {
	width: 33px;
	height: 23px;
	margin: 1.5px 20px 1.5px 0;
	padding-left: 28px;
	cursor: pointer;
	background: url(../images/icon-radio2.png) left center no-repeat;
	display: inline-block;
	color: #666;
}
.reg ul li span label.checked {
	background: url(../images/icon-radio.png) left center no-repeat;
}
.reg ul li button {
	width: 130px;
	height: 35px;
	border: 0;
	border-radius: 20px;
	color: #fff;
}
.reg ul li button[type="submit"] {
	background: #21c5f2;
	margin: 10px 20px 10px 100px;
}
.reg ul li button[type="reset"] {
	background: #f65161;
}
.search {
	padding: 15px;
	background: #16add4;
}
.search input, .search button {
	float: left;
	border-radius: 5px;
	border: 0;
}
.search input {
	width: 475px;
	height: 20px;
	padding: 7.5px;
}
.search button {
	width: 125px;
	height: 35px;
	margin-left: 15px;
	color: #fff;
	font-size: 16px;
	background: #ffb621;
}
.cart-warp {
	padding: 40px 0 0;
	border-radius: 10px;
	background: #67ae08;
	border: 2px solid #67ae08;
	overflow: hidden;
}
.cart table {
	width: 100%;
}
.cart table tr {
	background: #fff;
}
.cart table tr td {
	padding: 8px;
	border: 1px solid #b3d683;
	text-align: center;
	color: #727272;
}
.cart table tr td img {
	width: 60px;
	display: inline-block;
}
.cart table tr td u {
	width: 140px;
	display: inline-block;
	line-height: 60px;
	text-decoration: none;
}
.cart table tr:hover {
	background: #f4f4f4;
}
.cart table th {
	background: #83c229;
	height: 40px;
	text-align: center;
	font-weight: 400;
	color: #fff;
}
.cart table tr td .delete {
	width: 30px;
	height: 30px;
	margin: 0 auto;
	background: url(../images/icon-del.png) center center no-repeat #ccc;
	border-radius: 50%;
	display: block;
	cursor: pointer;
}
.closing a {
	display: block;
	color: #fff;
}
.checkbox {
	width: 30px;
}
.goods {
	width: 60px;
}
.price {
	width: 15%;
}
.subtotal {
	width: 15%;
}
.operation {
	width: 10%;
}
.count {
	display: inline-block;
}
.count .add, .count input, .count .reduce {
	float: left;
	margin-right: -1px;
	position: relative;
	z-index: 0;
}
.count .add, .count .reduce {
	height: 23px;
	width: 15px;
	border: 1px solid #ddd;
	background: #f0f0f0;
	text-align: center;
	line-height: 23px;
	color: #444;
	-moz-user-select: none;
}
.count .add:hover, .count .reduce:hover {
	color: #444;
	z-index: 3;
	background: #ccc;
	cursor: pointer;
}
.count input {
	width: 30px;
	height: 15px;
	line-height: 15px;
	border: 1px solid #ddd;
	color: #343434;
	text-align: center;
	padding: 4px 0;
	background-color: #fff;
	z-index: 2;
}
.cart-foot {
	background: #83c229;
	overflow: hidden;
}
.cart-foot ul li {
	width: 20%;
	color: #fff;
	line-height: 50px;
	text-align: center;
}
.cart-foot ul li.closing {
	background: #F37E34;
}
.cart-foot ul li.check-box {
	width: 82px;
}
.cart-foot .delete {
	padding-left: 20px;
	background: url(../images/icon-del.png) left center no-repeat;
	color: #fff;
}
.details .parameter {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 2px dashed #eee;
}
.details .pro-img {
	width: 335px;
	height: 315px;
	border: 2px solid #eee;
}
.details .pro-text {
	width: 270px;
	color: #068ab2;
}
.details .pro-text h1 {
	font-size: 44px;
	color: #d42155;
	margin: 0 0 10px;
}
.details .pro-text h1 small {
	font-size: 20px;
	color: #b60d37;
	font-weight: 400;
	display: block;
}
.details .pro-text table, .details .pro-text table td {
	border: 1px solid #eee;
}
.details .pro-text table td {
	width: 50%;
	height: 30px;
	font-size: 12px;
	padding: 0 10px;
}
.details-pic {
	padding: 10px;
	border: 2px solid #eee;
	text-align: center;
}
.commend-video {
	margin: 0 0 15px;
	position: relative;
}
.commend-video .play {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin: -22.5px 0 0 -50px;
	display: block;
	border-radius: 50%;
	background: #609f0e;
}
.commend-video .play:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -16px;
	border: 25px solid transparent;
	border-left: 40px solid #fff;
	z-index: 2;
}
.video-list ul li {
	float: left;
	width: 330px;
	margin: 8px auto;
	text-align: center;
}
.video-list ul li:nth-child(3n-1) {
	margin: 8px 16px;
}
.video-list ul li a {
	display: block;
}
.video-list ul li span {
	position: relative;
	margin: 10px 0;
	line-height: 30px;
	display: inline-block;
	padding: 5px 15px 5px 45px;
	color: #fff;
	font-size: 18px;
	border-radius: 20px;
	background: #649d13;
}
.video-list ul li span:before {
	content: '';
	position: absolute;
	left: 5px;
	top: 5px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
}
.video-list ul li span:after {
	content: '';
	position: absolute;
	left: 18px;
	top: 14px;
	border: 6px solid transparent;
	border-left: 6px solid #649d13;
}
.news-details {
	padding: 20px;
	background: #fff;
}
.news-title {
	width: 70%;
	margin: auto;
	text-align: center;
	font-size: 28px;
	text-transform: uppercase;
}
.time {
	margin: 15px 0;
	text-align: center;
}
.time span {
	margin: 0 5px;
	display: inline-block;
	color: #797979;
}
.news-details p {
	line-height: 24px;
	color: #a6a6a6;
}
.news-details p img {
	border: 5px solid #eee;
	border-radius: 15px;
}
.contact {
	margin: 0 0 15px;
}
.contact section {
	padding: 20px;
	background: #fff;
}
.contact section img {
	border: 5px solid #eee;
	border-radius: 15px;
}
.contact-text section {
	padding: 20px 200px;
	background: #fff;
}
.contact-text section div.fl {
	width: 60%;
}
.contact-text section div.fr {
	width: 35%;
}
.contact-text section p {
	margin: 0 0 15px;
	font-size: 20px;
	color: #67ae08;
}
.contact-text section span {
	margin: 0 0 40px;
	display: block;
}
.contact-text section span p {
	margin: 5px 0;
	font-size: 16px;
	color: #ea4273;
}
.order table {
	width: 100%;
}
.order table th, .order table td {
	height: 40px;
}
.order table th {
	color: #fff;
	font-weight: 400;
	background: #83c229;
	border: #83c229 1px solid;
}
.order table tr:hover {
	background: #f5f5f5;
}
.order table td {
	padding: 5px;
	border: 1px solid #83c229;
	text-align: center;
	color: #727272;
}

.order table td a.btn {
  display: inline-block;
  line-height:25px;
  padding: 0 10px;
  color: #fff;
  background: #3c9afe;
  text-align: center;
  border-radius:5px;
  border: 2px solid #3c9afe;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor:pointer;
}

.order table td a.btn:hover{
  border:2px solid #0566cf;
  background:none;
  color:#3c9afe;
  box-shadow:0 0.5px 2px rgba(0,0,0,.3);
  -webkit-transform:translate3d(0, -2px, 0);
  transform:translate3d(0, -1px, 0);
}

.order table td a {
	padding: 5px 10px;
	border-radius: 5px;
	background: #FECE35;
}
.order table td a:hover {
	background: #94CE43;
}