@charset "utf-8";
	*,*:before,*:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	outline:0
}
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select {
	margin:0;
	padding:0
}
* {
	margin:0;
	padding:0
}
body {
	font-family:"microsoft yahei",arial;
	font-size:14px;
	color:#333;
	line-height:1.5;
	min-width:1260px;
	margin:0 auto;
	background:#fff
}
a:link,a:visited {
	text-decoration:none;
	outline:0;
	color:#666
}
a:hover,a:active,a:focus {
	color:#666;
	text-decoration:none
}
ul,li {
	list-style:none
}
ul {
	padding:0
}
li {
	zoom:1;
	vertical-align:middle
}
ol {
	margin:0;
	padding:0;
	padding-left:36px
}
fieldset,img {
	border:0
}
img {
	border:0;
	max-width:100%
}
div {
	outline:0
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-size:100%
}
table {
	border-collapse:collapse;
	border-spacing:0;
	table-layout:fixed;
	border:0;
	width:100%
}
th,td {
	padding:0
}
input,textarea {
	font-family:arial,"microsoft yahei";
	font-size:14px
}
input {
	outline:0
}
textarea {
	outline:0
}
input[type='reset'],input[type='button'],input[type='submit'],input[type='radio'] {
	cursor:pointer;
	outline:0
}
input[type='checkbox'],input[type='radio'] {
	position:relative;
	vertical-align:middle;
	margin-bottom:1px;
	margin-left:5px;
	margin-right:5px
}
textarea,input[type='email'],input[type='date'],input[type='password'],input[type='text'] {
	padding:0;
	color:#666;
	outline:0
}
input,select,textarea {
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	border-radius:0;
	overflow-y:hidden;
	overflow-x:hidden
}
::-webkit-input-placeholder {
	color:#ffcad8
}
:-moz-placeholder {
	color:#ffcad8;
	opacity:1
}
::-moz-placeholder {
	color:#ffcad8;
	opacity:1
}
:-ms-input-placeholder {
	color:#ffcad8
}
.fl {
	float:left
}
.fr {
	float:right
}
.clear {
	clear:both
}
.clearfix:after {
	clear:both;
	height:0;
	content:"";
	line-height:0;
	font-size:0;
	display:block
}
.pic {
	width:100%;
	overflow:hidden;
	position:relative
}
.pic1 {
	width:100%;
	overflow:hidden;
	position:relative
}
.middleCenter {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	max-width:100%;
	max-height:100%;
	display:block;
	vertical-align:middle;
	text-align:center;
	margin:auto
}
.container {
	width:1260px;
	margin-left:auto;
	margin-right:auto
}
@font-face {
	font-family:"Frutiger-Bold";
	src:url("../fonts/Frutiger-Bold.woff2") format("woff2"),url("../fonts/Frutiger-Bold.woff") format("woff"),url("../fonts/Frutiger-Bold.ttf") format("truetype"),url("../fonts/Frutiger-Bold.eot") format("embedded-opentype"),url("../fonts/Frutiger-Bold.svg") format("svg")
}
@font-face {
	font-family:"HelveticaNeueLTPro-ThEx";
	src:url("../fonts/HelveticaNeueLTPro-ThEx.woff2") format("woff2"),url("../fonts/HelveticaNeueLTPro-ThEx.woff") format("woff"),url("../fonts/HelveticaNeueLTPro-ThEx.ttf") format("truetype"),url("../fonts/HelveticaNeueLTPro-ThEx.eot") format("embedded-opentype"),url("../fonts/HelveticaNeueLTPro-ThEx.svg") format("svg");
	font-weight:normal;
	font-style:normal
}
#container {
	overflow:hidden
}
.home-banner {
	overflow:hidden;
	width:100%;
	height:650px;
	position:relative;
	z-index:99999
}
.home-banner:hover #header{
    top:0;
}
.home-banner .home-banner-slick {
	height:650px;
	overflow:hidden;
	position:relative;
	width:1920px;
	left:50%;
	margin-left:-960px
}
.home-banner .home-banner-slick .item {
	position:relative
}
.home-banner .slick-dots {
	z-index:3;
	bottom:31px;
	line-height:0;
    position: absolute;
}
.home-banner .slick-dots li {
	margin:0 4px;
	padding:0;
	width:9px;
	height:9px;

}
.home-banner .slick-dots li button {
	width:9px;
	height:9px;
	display:block;
	background:url(../images/dot.png) no-repeat center center;
	padding:0
}
.home-banner .slick-dots li button:before {
	content:""
}
.home-banner .slick-dots .slick-active button {
	background:url(../images/doth.png) no-repeat center center
}
.home-banner .slick-dots .slick-active button:before {
	color:transparent
}
.inbanner {
	overflow:hidden;
	width:100%;
	height:495px;
	position:relative;
	z-index:1
}
.inbanner .inbanner-slick {
	height:495px;
	overflow:hidden;
	position:relative;
	width:1920px;
	left:50%;
	margin-left:-960px;
	z-index:1
}
.inbanner .inbanner-slick .inbanner-img {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	width:100%
}
.inbanner .inbanner-slick .inbanner-img img {
	margin:154px 95px 0 0
}
.inbanner .inbanner-slick .in-contact img {
	margin:154px 82px 0 0
}
.inbanner .inbanner-slick .in-service img {
	margin:154px 41px 0 0
}
.inbanner .inbanner-slick .in-product img {
	margin:154px 54px 0 0
}
.inbanner .inbanner-slick .in-news img {
	margin:154px 73px 0 0
}
.inbanner .inbanner-title {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:5
}
.inbanner .inbanner-title h3 {
	font-size:36px;
	color:#fff;
	font-weight:bold
}
.inbanner .inbanner-title span {
	font-size:30px;
	color:#fff;
	font-weight:bold
}
.logo-header {
	position:absolute;
	top:0;
	width:100%;
	z-index:4
}
.logo-header a {
	display:block;
	text-align:center;
	padding-top:19px
}
.header1 {
	height:65px;
	z-index:9999;
	transition:.5s;
	background:#df6c8b;
    position: relative;
}
.header1 .logo {
	padding-top:15px;
	float:left;
	text-align:center;
	z-index:4;
	padding-left:3px
}
.header1 .search {
	height:27px;
	text-align:right;
	margin:21px 27px 0 120px;
	overflow:hidden;
	width:146px;
	transition:all .5s;
	float:left;
	position:relative;
	border-bottom:1px solid #f6becd
}
.header1 .search input {
	width:100%;
	border:0;
	background:#df6c8b;
	line-height:27px;
	height:27px;
	position:relative;
	padding:0 30px 0 0;
	font-size:12px;
	vertical-align:top;
	transition:all .5s;
	color:#ffcad8
}
.header1 .search .btn {
	position:absolute;
	z-index:0;
	right:0;
	top:3px;
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../images/search.png) no-repeat center center
}
.header1 .h-right {
	position:absolute;
	right:110px
}
.header1 .header-right {
	float:left;
	line-height:65px
}
.header1 .header-right a {
	display:block;
	float:left;
	margin-left:15px;
	font-size:12px;
	color:#fff;
	max-width:36px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.header1 .header-right a:hover {
	color:#fca2ca
}
.header1 .nav {
	float:left
}
.header1 .nav ul li {
	float:left;
	position:relative;
	text-align:center
}
.header1 .nav ul li a {
	display:block;
	color:#fff;
	font-size:14px;
	line-height:65px;
	height:65px;
	margin:0 34px;
	position:relative;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.header1 .nav ul li .subnav{
    display: block;
    top: 65px;
    width: 120px;
    position: absolute;
    z-index: 34;
    background: #df6c8b;
    left: 50%;
    margin-left: -60px;
    text-align: center;
    display: none;
}
.header1 .nav ul li:hover .subnav{
    display: block;
}
.header1 .nav ul li .subnav ul li{
    float:none;
}
.header1 .nav ul li .subnav ul li a{
    color:#fff;
    line-height:40px;
    height:40px;
    padding:0 5px;
    margin:0;
    font-size:12px;
}
.header1 .nav ul li .subnav ul li a:hover{
    background: #e05077;
}
.header1 .nav ul li .pic {
	width:30px;
	height:52px;
	display:inline-block
}
.header1 .nav ul li .pic img {
	display:none
}
.header1 .nav ul li h3 {
	display:inline-block;
	vertical-align:top
}
.header1 .nav ul li:hover .pic img {
	display:block
}
.header1 .nav ul li:hover a {
	color:#ffcad8
}
.header1 .nav ul .active a {
	color:#ffcad8
}
#header {
	top:-65px;
	position:fixed;
	width:100%;
	transition:.5s
}
#header.navFix {
	top:0;
	transition:.5s;
	z-index:6
}
.header1.navFix {
	top:0;
	transition:.5s;
	z-index:6;
	position:fixed;
	width:100%
}
.page {
	text-align:center;
	overflow:hidden;
	margin:0 auto
}
.page a {
	display:inline-block;
	line-height:30px;
	padding:0 11px;
	height:30px;
	background:#f0f0f0;
	font-weight:normal;
	font-size:12px;
	vertical-align:middle;
	color:#666;
    margin:0 1px;
	font-family:"futurabt-medium",arial
}
.page a:hover {
	background:#f66c92;
	color:#fff
}
.page .cpb {
	background:#f66c92;
	border:1px solid #f66c92;
	color:#fff
}
.home-class {
	padding:20px 0 38px 0;
	overflow:hidden;
	background:#fff
}
.home-class ul {
	text-align:center
}
.home-class ul li {
	display:inline-block;
	text-align:center;
	width:120px;
	margin:0 20px;
	transition:1s
}
.home-class ul li .pic {
	width:70px;
	height:85px;
	margin:0 auto;
	transition:.5s;
	transform:rotateY(0)
}
.home-class ul li .en {
	color:#000;
	font-size:14px;
	text-transform:uppercase;
	font-family:"Frutiger-Bold",arial;
	transition:.5s;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.home-class ul li .cn {
	color:#000;
	font-size:14px;
	display:none;
	transition:.5s;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.home-class ul li:hover .pic {
	transform:rotateY(360deg)
}
.home-class ul li:hover .en {
	display:none
}
.home-class ul li:hover .cn {
	display:block
}
.home-class ul .line {
	height:85px;
	vertical-align:middle;
	line-height:85px;
	margin:0;
	width:110px
}
.home-class ul .line img {
	vertical-align:middle
}
.home-class.action ul li {
	transform:translateY(0)
}
.product1 {
	padding-top:72px;
	overflow:hidden;
	background:#fff url("../images/product-bg1.png") no-repeat top left
}
.product1 .product-info {
	background:url("../images/product-bg2.png") no-repeat center center;
	overflow:hidden;
	padding-bottom:80px
}
.product1 .product-info .pic-left {
	float:left;
	overflow:hidden;
	width:439px
}
.product1 .product-info .pic-left .pic {
	width:439px;
	height:553px;
	transform:scaleX(0);
	transition:1s
}
.product1 .product-info .pic-left .pic i {
	width:439px;
	height:553px;
	display:block;
	position:relative;
	border:25px solid #df6c8b
}
.product1 .product-info .pic-center {
	float:left;
	position:relative;
	padding-left:100px;
	width:470px;
	transform:translateY(50%);
	transition:2s
}
.product1 .product-info .pic-center span {
	font-family:"HelveticaNeueLTPro-ThEx",arial;
	width:154px;
	height:33px;
	line-height:33px;
	color:#fff;
	background:#df6c8b;
	display:block;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:1px;
	margin-top:77px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	padding:0 10px
}
.product1 .product-info .pic-center:before {
	content:'';
	position:absolute;
	width:91px;
	left:-25px;
	z-index:2;
	top:168px;
	height:1px;
	display:block;
	background:#d5d6da
}
.product1 .product-info .pic-center .en {
	font-family:"HelveticaNeueLTPro-ThEx",arial;
	color:#2d3245;
	font-size:60px;
	margin-top:13px;
	overflow:hidden;
	line-height:75px
}
.product1 .product-info .pic-center .title {
	color:#2d3245;
	font-size:36px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:bold;
	margin-bottom:50px
}
.product1 .product-info .pic-center p {
	color:#2d3245;
	font-size:14px;
	line-height:21px;
	height:42px;
	overflow:hidden;
	margin-bottom:70px
}
.product1 .product-info .pic-center .more {
	text-transform:uppercase;
	font-weight:bold;
	color:#696c79;
	text-align:center;
	border:1px solid #e3e6eb;
	width:177px;
	height:64px;
	line-height:64px;
	background:#fff;
	box-shadow:0 5px 10px #ddd;
	transition:.5s
}
.product1 .product-info .pic-center .more:hover {
	background:#df6c8b;
	color:#fff
}
.product1 .product-info .pic-right {
	float:right;
	width:245px;
	margin-top:130px;
	height:340px;
	position:relative;
	transform:translateX(50%);
	transition:1.5s
}
.product1 .product-info .pic-right .pic {
	width:245px;
	height:277px
}
.product1 .product-info .pic-right h3 {
	font-size:174px;
	color:#ffb5ab;
	font-family:arial;
	position:absolute;
	bottom:0;
	height:190px;
	right:-75px;
	background:url("../images/dot1.png") no-repeat bottom left;
	padding-left:25px;
	font-weight:bold
}
.product1.action .product-info .pic-left .pic {
	transform:scaleX(1)
}
.product1.action .product-info .pic-center {
	transform:translateX(0) translateY(0)
}
.product1.action .product-info .pic-right {
	transform:translateX(0) translateY(0)
}
.product2 {
	background:#fff url("../images/product-bg3.png") no-repeat bottom right;
	padding-bottom:115px;
	margin-bottom:36px
}
.product2 .product-info {
	padding-bottom:0
}
.product2 .product-info .pic-left {
	float:right
}
.product2 .product-info .pic-left .pic i {
	width:439px;
	height:553px;
	display:block;
	position:relative;
	border:25px solid #ffb5ab
}
.product2 .product-info .pic-center {
	float:right;
	padding-left:0;
	padding-right:106px;
	text-align:right;
	width:445px
}
.product2 .product-info .pic-center span {
	background:#ffb5ab;
	margin-left:180px
}
.product2 .product-info .pic-center:before {
	content:normal
}
.product2 .product-info .pic-center:after {
	right:-25px;
	content:'';
	position:absolute;
	width:91px;
	z-index:2;
	top:168px;
	height:1px;
	display:block;
	background:#d5d6da
}
.product2 .product-info .pic-center .en {
	position:relative
}
.product2 .product-info .pic-center .title {
	margin-bottom:28px
}
.product2 .product-info .pic-center p {
	margin-bottom:92px
}
.product2 .product-info .pic-center .more {
	float:right
}
.product2 .product-info .pic-right {
	float:left
}
.product2 .product-info .pic-right h3 {
	left:0;
	background:url("../images/dot2.png") no-repeat bottom right;
	padding-left:5px;
	width:150px
}
.product3 {
	position:relative;
	overflow:hidden;
	margin-bottom:110px
}
.product3:before {
	content:'';
	position:absolute;
	width:37%;
	height:636px;
	background:#736098
}
.product3 .product-info {
	padding-top:102px
}
.product3 .pic-left {
	float:left;
	margin-left:121px;
	position:relative
}
.product3 .pic-left h3 {
	font-family:"HelveticaNeueLTPro-ThEx",arial;
	width:315px;
	height:93px;
	line-height:93px;
	color:#fff;
	background:#736098;
	display:block;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:1px;
	margin-top:77px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	padding:0 10px 0 53px;
	position:absolute;
	left:-73px;
	z-index:5;
	bottom:19px
}
.product3 .pic-left h3:after {
	content:'';
	display:block;
	width:97px;
	height:1px;
	position:absolute;
	top:50%;
	right:45px;
	background:#b9b0cc
}
.product3 .pic-left .pic {
	width:439px;
	height:553px;
	transform:scaleY(0);
	transition:2s;
	transform-origin:center top
}
.product3 .pic-center {
	float:left;
	position:relative;
	padding-left:150px;
	width:600px;
	transition:1.5s;
	transform:translateX(100%)
}
.product3 .pic-center:before {
	content:'';
	position:absolute;
	width:142px;
	left:0;
	z-index:2;
	top:90px;
	height:1px;
	display:block;
	background:#d5d6da
}
.product3 .pic-center .en {
	color:#2d3245;
	font-size:36px;
	margin-top:48px;
	overflow:hidden;
	line-height:45px;
	font-weight:bold
}
.product3 .pic-center .title {
	color:#2d3245;
	font-size:36px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:bold;
	margin-bottom:22px
}
.product3 .pic-center .title:after {
	content:'';
	display:block;
	background:#9382b1;
	width:87px;
	height:1px;
	margin-top:20px
}
.product3 .pic-center p {
	color:#999;
	font-size:14px;
	line-height:21px;
	height:63px;
	overflow:hidden;
	margin-bottom:98px
}
.product3 .pic-center .more {
	text-transform:uppercase;
	font-weight:bold;
	color:#696c79;
	text-align:center;
	border:1px solid #e3e6eb;
	width:177px;
	height:64px;
	line-height:64px;
	background:#fff;
	box-shadow:0 5px 10px #ddd;
	transition:.5s
}
.product3 .pic-center .more:hover {
	background:#df6c8b;
	color:#fff
}
.product3.action .pic-left .pic {
	transform:scaleY(1)
}
.product3.action .pic-center {
	transform:translateX(0)
}
.product4:after {
	content:'';
	position:absolute;
	width:37%;
	height:636px;
	background:#66af9e;
	right:0;
	z-index:1;
	top:0
}
.product4:before {
	content:normal
}
.product4 .product-info {
	padding-top:102px
}
.product4 .pic-left {
	float:right;
	margin-left:0;
	margin-right:121px;
	position:relative;
	z-index:3
}
.product4 .pic-left h3 {
	background:#66af9e;
	padding:0 53px 0 10px;
	right:-73px;
	left:auto;
	text-align:right
}
.product4 .pic-left h3:before {
	content:'';
	display:block;
	width:97px;
	height:1px;
	position:absolute;
	top:50%;
	left:45px;
	background:#b3d7cf
}
.product4 .pic-left h3:after {
	content:normal
}
.product4 .pic-center {
	width:624px;
	padding-left:50px;
	padding-right:150px;
	transform:translateX(-100%)
}
.product4 .pic-center:after {
	content:'';
	position:absolute;
	width:142px;
	right:0;
	z-index:2;
	top:90px;
	height:1px;
	display:block;
	background:#d5d6da
}
.product4 .pic-center:before {
	content:normal
}
.product4 .pic-center .en {
	text-align:right
}
.product4 .pic-center .title {
	text-align:right;
	position:relative;
	padding-bottom:21px
}
.product4 .pic-center .title:after {
	margin-top:0;
	right:0;
	bottom:0;
	background:#66af9e;
	position:absolute
}
.product4 .pic-center .more {
	float:right
}
.product5 {
	padding:25px 0;
	margin-bottom:79px;
	position:relative;
	z-index:1
}
.product5 .product5-info {
	position:relative;
	overflow:hidden
}
.product5 .product5-info .slick-list {
	height:414px;
	overflow:hidden
}
.product5 .product5-info .slick-dots {
	z-index:10;
	bottom:0;
	position:relative;
	line-height:0;
	margin-top:50px
}
.product5 .product5-info .slick-dots li {
	margin:0 4px;
	padding:0;
	width:15px;
	height:15px
}
.product5 .product5-info .slick-dots li button {
	width:15px;
	height:15px;
	display:block;
	background:url(../images/dot3.png) no-repeat center center;
	padding:0
}
.product5 .product5-info .slick-dots li button:before {
	content:""
}
.product5 .product5-info .slick-dots .slick-active button {
	background:url(../images/dot3h.png) no-repeat center center
}
.product5 .product5-info .slick-dots .slick-active button:before {
	color:transparent
}
.product5 .product5-info .item {
	width:25%;
	padding:0 7px;
	height:414px;
	float:left
}
.product5 .product5-info .item a {
	display:block;
	height:414px;
	transition:.5s;
    position: relative;
}
.product5 .product5-info .item a .hover-pic {
    width:301px;
    height:414px;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    transition:.5s;
    display:none
}
.product5 .product5-info .item:hover a .hover-pic {
    display:block;
    opacity:1
}
.product5 .product5-info .item:hover a {
	margin-top:-10px
}
.product5 .product5-info .item .pic {
	height:336px;
	width:100%
}
.product5 .product5-info .item h3 {
	font-size:16px;
	color:#000;
	text-align:center;
	padding:0 84px;
	height:48px;
	overflow:hidden
}
.product5 .product5-info .n1 a {
	background:#e5f4fe
}
.product5 .product5-info .n2 a {
	background:#fdebee
}
.product5 .product5-info .n3 a {
	background:#fedaea
}
.product5 .product5-info .n4 a {
	background:#f1f2f2
}
.home-lipstick {
	position:relative
}
.home-lipstick .lipstick {
	position:relative;
	width:1920px;
	height:910px;
	left:50%;
	margin-left:-960px
}
.home-lipstick h3 {
	font-size:220px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	position:absolute;
	font-family:"Frutiger-Bold",arial;
	letter-spacing:25px;
	width:100%;
	top:50%;
	margin-top:-165px;
	left:0;
	transform:translateX(100%);
	transition:1.5s
}
.home-lipstick.action h3 {
	transform:translateX(0)
}
.lip {
	margin-top:-107px;
	text-align:center;
	position:relative;
	z-index:3;
	height:0
}
.home-prolist {
	margin-top:107px;
	padding-top:130px;
	background:url("../images/home-prolist.jpg") no-repeat top center;
	height:850px;
	overflow:hidden;
	position:relative;
	z-index:1
}
.home-prolist .class-info {
	overflow:hidden;
	position:relative
}
.home-prolist .class-info .slick-dots {
	z-index:10;
	top:273px;
	position:absolute;
	right:225px;
	width:auto
}
.home-prolist .class-info .slick-dots li {
	margin:0 7px;
	padding:0;
	width:10px;
	height:10px
}
.home-prolist .class-info .slick-dots li button {
	width:10px;
	height:10px;
	display:block;
	background:url(../images/dot5.png) no-repeat center center;
	padding:0
}
.home-prolist .class-info .slick-dots li button:before {
	content:""
}
.home-prolist .class-info .slick-dots .slick-active button {
	background:url(../images/dot5h.png) no-repeat center center
}
.home-prolist .class-info .slick-dots .slick-active button:before {
	color:transparent
}
.home-prolist .class-info .item {
	padding:0 170px;
	position:relative
}
.home-prolist .class-info .item .class-left {
	position:absolute;
	z-index:2;
	top:195px;
	left:310px
}
.home-prolist .class-info .item .class-left h3 {
	font-size:36px;
	color:#000;
	font-family:"times new roman";
	font-weight:bold;
	padding-left:33px;
	margin-bottom:22px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	max-width:400px
}
.home-prolist .class-info .item .class-left .pic {
	width:171px;
	height:140px;
	margin-bottom:8px
}
.home-prolist .class-info .item .class-right {
	position:relative
}
.home-prolist .class-info .item .class-right .pic {
	width:625px;
	height:712px;
	margin:0 auto;
	z-index:2
}
.home-prolist .class-info .item .class-right .class-title {
	position:absolute;
	bottom:188px;
	right:0;
	width:274px;
	background:#e9eaf4;
	padding-left:30px;
	height:126px;
	z-index:2
}
.home-prolist .class-info .item .class-right .class-title:after {
	content:'';
	display:block;
	position:absolute;
	width:235px;
	height:1px;
	background:#000;
	right:-180px;
	bottom:35%
}
.home-prolist .class-info .item .class-right .class-title h3 {
	color:#2d3245;
	font-size:36px;
	font-weight:bold;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.home-prolist .class-info .item .class-right .class-title p {
	color:#2d3245;
	font-size:36px;
	font-weight:bold;
	position:relative;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.home-prolist .class-info .item .class-right:after {
	content:'';
	display:block;
	position:absolute;
	width:476px;
	height:566px;
	background:#52cef6;
	z-index:1;
	top:70px;
	left:50%;
	margin-left:-200px
}
.home-prolist .class-info .item2 .class-right:after {
	background:#ffb5ab
}
.home-prolist .class-info .item3 .class-right:after {
	background:#ce9ed0
}
.home-about {
	padding:125px 0 131px 0;
	overflow:hidden;
	background:url("../images/home-about.jpg") no-repeat top center
}
.home-about .video {
	width:678px;
	height:416px;
	float:left;
	transform:translateX(-100%);
	transition:1.5s
}
.home-about .video .pic {
	width:678px;
	height:416px
}
.home-about .video .video-btn {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url("../images/bg.png") repeat center center
}
.home-about .video .video-btn i {
	display:block;
	background:url("../images/video.png") no-repeat center center;
	width:100%;
	height:100%
}
.home-about .about1-info {
	float:left;
	width:580px;
	padding-left:60px;
	padding-top:23px
}
.home-about .about1-info .about-title {
	font-size:36px;
	color:#000;
	font-weight:bold;
	position:relative;
	margin-bottom:65px;
	transform:translateX(100%);
	transition:1.5s
}
.home-about .about1-info .about-title span {
	font-family:"Frutiger-Bold",arial;
	text-transform:uppercase
}
.home-about .about1-info .about-title:after {
	content:'';
	display:inline-block;
	margin-left:10px;
	width:181px;
	height:2px;
	background:#000;
	position:absolute;
	right:-90px;
	vertical-align:middle;
	top:31px
}
.home-about .about1-info .about-jsh {
	line-height:30px;
	font-size:14px;
	color:#4a4a4a;
	padding:40px 35px 40px 72px;
	width:502px;
	height:255px;
	float:right;
	background:#fff;
	box-shadow:0 0 10px #ccc;
	transform:translateY(100%);
	transition:1.5s
}
.home-about .about1-info .about-jsh p {
	height:120px;
	overflow:hidden;
	margin-bottom:20px
}
.home-about .about1-info .about-jsh a {
	display:block;
	background:url("../images/more.png") no-repeat center left;
	padding-left:47px;
	color:#df6c8b;
	transition:.5s
}
.home-about .about1-info .about-jsh a:hover {
	padding-left:54px
}
.home-about.action .video {
	transform:translateX(0)
}
.home-about.action .about1-info .about-title {
	transform:translateX(0)
}
.home-about.action .about1-info .about-jsh {
	transform:translateY(0)
}
.transparent {
	position:fixed;
	top:0;
	left:0;
	z-index:998;
	width:100%;
	height:100%;
	background:url(../images/transparent-bg.png) repeat;
	background:rgba(0,0,0,0.7);
	display:none
}
.video-popup {
	position:fixed;
	z-index:999;
	width:780px;
	height:500px;
	background:#fff;
	left:50%;
	top:50%;
	margin:-250px 0 0 -390px;
	text-align:center;
	padding:20px;
	display:none
}
.video-popup .box {
	background:#f1f1f1;
	height:100%
}
.video-popup .close {
	display:block;
	width:35px;
	height:35px;
	position:absolute;
	right:-45px;
	top:0;
	background:url(../images/close-icon.png) no-repeat
}
.video-popup .p-01 {
	font-weight:bold;
	font-size:15px;
	margin:5px 0
}
.video-popup .p-02 {
	font-size:12px
}
.video-popup a {
	color:#274095
}
.video-popup a:hover {
	text-decoration:underline
}
.popup {
	position:fixed;
	z-index:999;
	width:780px;
	height:500px;
	background:#fff;
	left:50%;
	top:50%;
	margin:-250px 0 0 -390px;
	text-align:center;
	padding:20px;
	display:none
}
.popup .box {
	background:#f1f1f1;
	height:100%
}
.popup .close {
	display:block;
	width:35px;
	height:35px;
	position:absolute;
	right:-45px;
	top:0;
	background:url(../images/close-icon.png) no-repeat
}
.popup .p-01 {
	font-weight:bold;
	font-size:15px;
	margin:5px 0
}
.popup .p-02 {
	font-size:12px
}
.popup a {
	color:#274095
}
.popup a:hover {
	text-decoration:underline
}
.in-banner {
	overflow:hidden;
	width:100%;
	height:500px;
	position:relative;
	z-index:1
}
.in-banner .in-banner-slick {
	height:500px;
	overflow:hidden;
	position:relative;
	width:1920px;
	left:50%;
	margin-left:-960px
}
.in-banner .in-banner-slick .item {
	position:relative
}
.in-banner .slick-dots {
	z-index:10;
	bottom:31px;
	line-height:0
}
.in-banner .slick-dots li {
	margin:0 4px;
	padding:0;
	width:14px;
	height:14px
}
.in-banner .slick-dots li button {
	width:14px;
	height:14px;
	display:block;
	background:url(../images/dot4.png) no-repeat center center;
	padding:0
}
.in-banner .slick-dots li button:before {
	content:""
}
.in-banner .slick-dots .slick-active button {
	background:url(../images/dot4h.png) no-repeat center center
}
.in-banner .slick-dots .slick-active button:before {
	color:transparent
}
.in-banner .inbanner-title {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	z-index:5;
	margin-top:-50px;
	height:0
}
.in-banner .inbanner-title .container {
	height:0
}
.in-banner .inbanner-title h3 {
	font-size:36px;
	color:#fff;
	font-weight:bold;
	width:200px
}
.in-banner .inbanner-title span {
	font-size:30px;
	color:#fff;
	font-weight:bold;
	width:200px;
	display:block
}
.product-list {
	padding:48px 0
}
.product-list .product-title {
	font-size:30px;
	color:#4a4a4a;
	font-weight:bold;
	text-align:center;
	margin-bottom:13px
}
.product-list .second-list {
	text-align:center
}
.product-list .second-list ul li {
	display:inline-block;
	text-align:center;
	margin:0 9px
}
.product-list .second-list ul li a {
	color:#000
}
.product-list .second-list ul li:hover a {
	color:#df6c8b
}
.product-list .second-list ul .active a {
	color:#df6c8b
}
.product-list .product-bottom {
	margin-top:53px;
	overflow:hidden
}
.product-list .product-bottom ul {
	border-left:1px solid #ececec;
	border-top:1px solid #ececec;
	overflow:hidden;
	margin-bottom:40px
}
.product-list .product-bottom ul li {
	width:419px;
	float:left;
	height:566px;
	border-bottom:1px solid #ececec;
	border-right:1px solid #ececec;
	position:relative
}
.product-list .product-bottom ul li .hover-pic {
	width:419px;
	height:566px;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition:.5s;
	display:none
}
.product-list .product-bottom ul li .pic {
	height:460px;
	width:366px;
	margin:0 auto
}
.product-list .product-bottom ul li .pic i {
	width:75px;
	height:81px;
	position:absolute;
	top:33px;
	right:40px;
	display:block
}
.product-list .product-bottom ul li .pic .new {
	background:url("../images/new.png") no-repeat center center
}
.product-list .product-bottom ul li .pic .hot {
	background:url("../images/hot.png") no-repeat center center
}
.product-list .product-bottom ul li:hover .hover-pic {
	display:block;
	opacity:1
}
.product-list .product-bottom ul li:hover .pic .p {
	display:none
}
.product-list .product-bottom ul li h3 {
	font-size:16px;
	color:#000;
	text-align:center;
	padding:0 84px;
	height:48px;
	overflow:hidden;
    line-height:48px;

}
.product-list .star-bottom {
	margin-top:53px;
	overflow:hidden
}
.product-list .star-bottom ul {
	border-top:1px solid #ececec;
	overflow:hidden;
	margin-bottom:40px
}
.product-list .star-bottom ul li {
	width:419px;
	float:left;
	height:519px;
	border-bottom:1px solid #ececec;
	border-left:1px solid #ececec;
    position: relative;
}
.product-list .star-bottom ul li a {
	display:block;
	transition:.5s;
	height:518px;
	border:3px solid #fff;
    position: relative;
}
.product-list .star-bottom ul li:hover a {
	border:3px solid #df6c8b!important
}
.product-list .star-bottom ul .first .hover-pic{
    width:832px;
}
.product-list .star-bottom ul li .hover-pic {
    width:413px;
    height:512px;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    transition:.5s;
    display:none
}
.product-list .star-bottom ul li:hover .hover-pic {
    display:block;
    opacity:1
}
.product-list .star-bottom ul li .pic {
	height:348px;
	width:276px;
	margin:0 auto ;
    overflow: inherit;
}
.product-list .star-bottom ul li .pic .ph {
	display:none
}
.product-list .star-bottom ul li .pic i {
	width:75px;
	height:81px;
	position:absolute;
	top:10px;
	left:-60px;
	display:block
}
.product-list .star-bottom ul li .pic .new {
	background:url("../images/new1.png") no-repeat center center
}
.product-list .star-bottom ul li .pic .st {
	background:url("../images/st.png") no-repeat center center;
    left:-12px;
}
.product-list .star-bottom ul li:hover .pic .ph {
	display:block
}
.product-list .star-bottom ul li:hover .pic .p {
	display:none
}
.product-list .star-bottom ul li h3 {
	font-size:18px;
	color:#000;
	text-align:center;
	padding:0 84px;
	height:25px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	margin-bottom:10px
}
.product-list .star-bottom ul li .jsh {
	padding:0 84px;
	height:42px;
	overflow:hidden;
	text-align:center;
	margin-bottom:30px
}
.product-list .star-bottom ul li .price {
	margin-bottom:35px;
	overflow:hidden;
	text-align:center
}
.product-list .star-bottom ul li .price span {
	text-decoration:line-through;
	padding-right:10px;
	font-size:16px;
	color:#000
}
.product-list .star-bottom ul li .price b {
	font-weight:normal;
	font-size:24px;
	color:#ed1461;
	font-family:arial
}
.product-list .star-bottom ul .first {
	width:838px
}
.product-list .star-bottom ul .first .pic {
	float:left;
	height:460px;
	width:366px;
	margin-left:20px
}
.product-list .star-bottom ul .first .star-info {
	width:300px;
	float:left;
	margin-left:66px;
	padding-top:113px
}
.product-list .star-bottom ul .first .star-info h3 {
	text-align:left;
	padding:0;
	font-size:30px;
	color:#2d3245;
	margin-bottom:19px;
	height:48px;
	line-height:48px
}
.product-list .star-bottom ul .first .star-info .jsh {
	height:42px;
	overflow:hidden;
	margin-bottom:65px;
	padding:0;
	text-align:left
}
.product-list .star-bottom ul .first .star-info .price {
	margin-bottom:35px;
	overflow:hidden;
	text-align:left
}
.product-list .star-bottom ul .first .star-info .price span {
	text-decoration:line-through;
	padding-right:24px;
	font-size:18px;
	color:#000
}
.product-list .star-bottom ul .first .star-info .price b {
	font-weight:normal;
	font-size:30px;
	color:#ed1461;
	font-family:arial
}
.product-list .star-bottom ul .first .star-info .buy {
	background:#f75b85 url("../images/buy.png") no-repeat 30px center;
	width:173px;
	height:42px;
	line-height:42px;
	color:#fff;
	padding-left:70px;
	font-size:16px
}
.danye {
	min-height:900px;
	padding-top:131px
}
.danye .danye-title {
	font-size:30px;
	font-weight:bold;
	color:#4a4a4a;
	text-align:center
}
.footer-top ul {
	border-top:1px solid #ececec;
	text-align:center;
	padding:40px 0
}
.footer-top ul li {
	display:inline-block;
	margin:0 20px
}
.footer-top ul li a {
	display:block
}
.footer-top ul li a .pic {
	width:110px;
	height:70px
}
.top1 {
	background:url("../images/aboutbg.jpg") no-repeat top right;
	padding-top:74px
}
.top1 ul {
	border:0
}
.top2 ul {
	border:0
}
.footer-bottom {
	padding:78px 0 59px 0;
	overflow:hidden;
	background:#111
}
.footer-bottom .footer-ewm {
	width:167px;
	text-align:center;
	padding-top:40px;
	float:left
}
.footer-bottom .footer-ewm .ewm {
	width:133px;
	height:133px;
	border:10px solid #4c4c4c;
	margin:0 auto
}
.footer-bottom .footer-ewm p {
	margin-top:16px;
	color:#666;
	font-size:14px
}
.footer-bottom .footer-right {
	float:right
}
.footer-bottom .footer-right .fo-top {
	overflow:hidden;
	margin-bottom:50px
}
.footer-bottom .footer-right .flogo {
	float:left;
	margin-right:75px;
	padding-right:78px;
	position:relative;
	padding-top:17px
}
.footer-bottom .footer-right .flogo:after {
	content:'';
	display:block;
	width:1px;
	height:85px;
	position:absolute;
	right:0;
	top:0;
	background:#414141
}
.footer-bottom .footer-right .ftel {
	float:left;
	margin-right:110px;
	padding-top:14px
}
.footer-bottom .footer-right .ftel h3 {
	color:#fff;
	text-transform:uppercase;
	font-size:16px
}
.footer-bottom .footer-right .ftel span {
	display:block;
	font-size:12px;
	color:#5a5a5a
}
.footer-bottom .footer-right .ftel p {
	color:#fff;
	font-size:22px;
	font-family:arial
}
.footer-bottom .footer-right .fcontact {
	float:left
}
.footer-bottom .footer-right .fcontact a {
	display:block;
	float:left;
	width:99px;
	height:29px;
	line-height:25px;
	border:2px solid #fff;
	text-align:center;
	color:#fff;
	margin-top:32px;
	margin-left:17px;
	font-size:12px;
	transition:.5s
}
.footer-bottom .footer-right .fcontact a:hover {
	background:#fff;
	color:#111
}
.footer-bottom .footer-right .fo-bottom {
	overflow:hidden
}
.footer-bottom .footer-right .fo-bottom ul li {
	float:left;
	width:265px
}
.footer-bottom .footer-right .fo-bottom ul li .pic {
	width:57px;
	height:57px;
	float:left;
	margin-right:27px;
	margin-top:13px
}
.footer-bottom .footer-right .fo-bottom ul li .fo-info {
	overflow:hidden;
	float:left;
	width:170px
}
.footer-bottom .footer-right .fo-bottom ul li .fo-info span {
	font-size:12px;
	color:#666;
	font-family:arial;
	text-transform:uppercase
}
.footer-bottom .footer-right .fo-bottom ul li .fo-info h3 {
	color:#fff;
	margin-bottom:12px
}
.footer-bottom .footer-right .fo-bottom ul li .fo-info h3:after {
	content:'';
	display:block;
	width:13px;
	height:1px;
	background:#595959;
	margin-top:5px
}
.footer-bottom .footer-right .fo-bottom ul li .fo-info p {
	color:#fff
}
.footer-bottom .footer-right .fo-bottom ul li .fo-info p a {
	color:#fff
}
.footer-copy {
	min-height:75px;
	line-height:75px;
	color:#666;
	border-top:1px solid #414141;
	text-align:center;
	background:#111
}
.product-show {
	padding:63px 0;
	overflow:hidden
}
.pro-pic {
	padding:0 150px;
	overflow:hidden;
	margin-bottom:22px
}
.pro-pic .pic-left {
	width:416px;
	float:left;
	margin-right:130px
}
.pro-pic .pic-left .slick-prev:before,.pro-pic .pic-left .slick-next:before {
	display:none
}
.pro-pic .pic-left .pro-max {
	width:416px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
	cursor:pointer;
	height:460px;
	overflow:hidden
}
.pro-pic .pic-left .pro-max .item i {
	display:block;
	width:416px;
	height:460px
}
.pro-pic .pic-left .pro-min {
	width:100%;
	margin:10px auto 0 auto;
	text-align:center;
	 position: relative;
	padding:0 50px
}
.pro-pic .pic-left .pro-min .slick-list {
	width:100%
}

.pro-pic .pic-left .pro-min .getIndex {
	display:inline-block;
	float:none;
	zoom:1;
	text-align:center
}
.pro-pic .pic-left .pro-min .getIndex .item i {
	display:block;
	padding-bottom:77%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative
}
.pro-pic .pic-left .pro-min .getIndex .item i:hover {
	cursor:pointer
}
.pro-pic .pic-left .pro-min .getIndex .item i img {
	border:1px solid #c9c9c9
}
.pro-pic .pic-left .pro-min .slick-current .item i img {
	border:2px solid #f75b85
}
.pro-pic .pic-right {
	width:414px;
	float:right
}
.pro-pic .pic-right h3 {
	font-size:30px;
	color:#000;
	font-weight:bold;
	margin-bottom:10px
}
.pro-pic .pic-right .jsh {
	font-size:14px;
	margin-bottom:20px;
	overflow:hidden
}
.pro-pic .pic-right .jsh span {
	color:#999;
	margin-left:10px
}
.pro-pic .pic-right .sehao {
	margin-bottom:41px
}
.pro-pic .pic-right .shiyong {
	margin-bottom:30px;
	overflow:hidden
}
.pro-pic .pic-right .shiyong span {
	font-weight:bold;
	font-size:14px;
	color:#df6c8b;
	text-decoration:underline;
	margin-bottom:3px;
	display:block
}
.pro-pic .pic-right .shiyong p {
	color:#333;
	font-size:14px;
	line-height:24px
}
.pro-pic .pic-right .price {
	margin-bottom:19px;
	overflow:hidden
}
.pro-pic .pic-right .price span {
	text-decoration:line-through;
	padding-right:30px
}
.pro-pic .pic-right .price b {
	font-weight:normal;
	font-size:36px;
	color:#ed1461
}
.pingtai {
	width:167px;
	position:relative;
	overflow:hidden;
	min-height:144px
}
.pingtai .shop {
	width:167px;
	height:41px;
	background:#f75b85;
	text-align:center;
	font-size:16px;
	color:#fff;
	line-height:41px;
	cursor:pointer
}
.pingtai ul {
	border:1px solid #ececec;
	border-top:0;
	width:100%;
	display:none
}
.pingtai ul li {
	text-align:center;
	line-height:34px
}
.pingtai ul li a {
	color:#000
}
.pingtai ul li:hover a {
	color:#f75b85
}
.pingtai:hover .shop {
	background:#f75b85 url("../images/jiantou.png") no-repeat bottom center
}
.pingtai:hover ul {
	display:block
}
.pro-jsh {
	padding-top:34px;
	overflow:hidden;
	border-top:1px solid #ececec
}
.pro-jsh .jsh-title {
	font-size:24px;
	text-align:center;
	color:#000
}
.pro-jsh .jsh-title:after {
	content:'';
	display:block;
	width:29px;
	height:2px;
	margin:6px auto 0 auto;
	background:#d01e5d
}
.pro-jsh .jsh-info {
	padding:40px 0;
	overflow:hidden
}
.pro-tuijian .tj-title {
	text-align:center;
	color:#000;
	font-size:30px
}
.pro-tuijian ul {
	overflow:hidden
}
.pro-tuijian ul li {
	width:419px;
	float:left;
	height:566px
}
.pro-tuijian ul li .pic {
	height:460px;
	width:416px;
	margin:0 auto
}
.pro-tuijian ul li .pic i {
	width:75px;
	height:81px;
	position:absolute;
	top:33px;
	left:40px;
	display:block
}
.pro-tuijian ul li .pic .new {
	background:url("../images/new1.png") no-repeat center center
}
.pro-tuijian ul li h3 {
	font-size:16px;
	color:#000;
	text-align:center;
	padding:0 84px;
	height:48px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.about {
	position:relative
}
.about-pic {
	position:relative;
	width:1920px;
	height:711px;
	left:50%;
	margin-left:-960px
}
.about-info {
	background:url("../images/about.png") no-repeat top center;
	width:475px;
	height:571px;
	box-shadow:0 0 10px #ddd;
	position:absolute;
	top:63px;
	margin-left:73px
}
.about-info h3 {
	text-align:center;
	color:#d01e5d;
	font-size:48px;
	font-family:"HelveticaNeueLTPro-ThEx",arial;
	margin-top:45px
}
.about-info p {
	font-size:16px;
	color:#000;
	text-align:center
}
.about-info .aboutpic {
	width:475px;
	padding:0 42px;
	margin-top:30px;
	overflow:hidden;
	position:relative
}
.about-info .aboutpic .slick-prev:before,.about-info .aboutpic .slick-next:before {
	content:''
}
.about-info .aboutpic .slick-prev {
	left:-25px;
	background:url("../images/left.png") no-repeat center center;
	top:32px
}
.about-info .aboutpic .slick-next {
	right:-25px;
	background:url("../images/right.png") no-repeat center center;
	top:32px
}
.about-info .aboutpic .pro-max {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
	cursor:pointer;
	height:188px;
	overflow:hidden
}
.about-info .aboutpic .pro-max .item i {
	display:block;
	width:188px;
	height:188px;
	border:1px solid #ececec;
	margin:0 auto
}
.about-info .aboutpic .pro-min {
	width:100%;
	margin:10px auto 24px auto;
	text-align:center;
	background:url("../images/about-01.png") no-repeat bottom center;
	position:relative
}
.about-info .aboutpic .pro-min .getIndex {
	display:inline-block;
	float:none;
	zoom:1;
	text-align:center
}
.about-info .aboutpic .pro-min .getIndex .item {
	margin-left:10px;
	margin-right:10px;
    position: relative;
    padding-bottom:47px;
}
.about-info .aboutpic .pro-min .getIndex .item:after{
    position: absolute;
    content:'';
    bottom:-5px;
    width:100%;
    height:15px;
    display: none;
    left:0;
    background: url("../images/about-02.png") no-repeat center center;
}
.about-info .aboutpic .pro-min .getIndex.slick-current  .item:after{
    display: block;
}
.about-info .aboutpic .pro-min .getIndex .item i {
	display:block;
	padding-bottom:77%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative
}
.about-info .aboutpic .pro-min .getIndex .item i:hover {
	cursor:pointer
}
.story .story01 {
	position:relative;
	padding:50px 230px;
	margin-bottom:24px
}
.story .story01:before {
	content:'';
	display:block;
	width:1px;
	height:146px;
	background:#df6c8b;
	position:absolute;
	left:0;
	top:0;
	transition:1.5s;
	transform:scaleY(0.2);
	transform-origin:center top
}
.story .story01 .story01-info {
	font-size:16px;
	color:#666;
	text-align:center;
	line-height:24px;
	position:relative;
	padding:20px 26px
}
.story .story01 .story01-info:before {
	content:'';
	display:block;
	width:28px;
	height:18px;
	background:url("../images/story-07.png") no-repeat center center;
	position:absolute;
	left:0;
	top:0
}
.story .story01 .story01-info:after {
	content:'';
	display:block;
	width:28px;
	height:18px;
	background:url("../images/story-08.png") no-repeat center center;
	position:absolute;
	right:0;
	bottom:0
}
.story .story01.action:before {
	transform:scaleY(1)
}
.story02 {
	overflow:hidden;
	position:relative;
	margin-bottom:188px
}
.story02:after {
	content:'';
	display:block;
	width:940px;
	height:613px;
	background:#f1f1f1;
	position:absolute;
	right:0;
	top:0;
	z-index:1;
	transform:scaleX(0);
	transition:1s;
	transform-origin:right center
}
.story02 .pic {
	width:503px;
	height:613px;
	float:right;
	z-index:2;
	transform:translateY(-30px);
	transition:1s
}
.story02 .story02-info {
	position:relative;
	z-index:2;
	width:650px;
	float:left;
	padding-top:136px;
	height:613px;
	padding-bottom:40px
}
.story02 .story02-info h3 {
	font-size:72px;
	color:#2d3245;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:7px;
	line-height:70px;
	transform:translateX(-100%);
	transition:1s
}
.story02 .story02-info span {
	font-size:36px;
	color:#2d3245;
	font-weight:bold;
	letter-spacing:4px;
	display:block;
	margin-bottom:60px;
	transform:translateX(-100%);
	transition:1s
}
.story02 .story02-info .jsh {
	font-size:14px;
	color:#666;
	line-height:24px;
	background:url("../images/story-09.png") no-repeat top left;
	padding-left:160px;
	height:192px;
	overflow:auto;
	transform:translateX(-100%);
	transition:1s
}
.story02 .story02-info .num {
	position:absolute;
	bottom:0;
	left:160px;
	color:#1c1c1a;
	font-weight:bold;
	font-size:24px;
	line-height:25px
}
.story02.action .pic {
	transform:scaleY(1)
}
.story02.action:after {
	transform:scaleX(1)
}
.story02.action .story02-info h3 {
	transform:translateX(0)
}
.story02.action .story02-info span {
	transform:translateX(0)
}
.story02.action .story02-info .jsh {
	transform:translateX(0)
}
.story03 {
	position:relative;
	margin-bottom:71px;
	padding-bottom:147px;
	height:682px
}
.story03:before {
	content:'';
	display:block;
	width:872px;
	height:535px;
	background:#f1f1f1;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	transform:scaleX(0);
	transition:1s;
	transform-origin:left center
}
.story03:after {
	content:'';
	display:block;
	width:1px;
	height:147px;
	background:#df6c8b;
	position:absolute;
	bottom:0;
	left:0
}
.story03 .pic {
	width:500px;
	height:535px;
	float:left;
	z-index:2;
	transform:translateY(-30px);
	transition:1s
}
.story03 .story03-info {
	position:relative;
	z-index:2;
	width:640px;
	float:right;
	padding-top:83px;
	height:535px;
	padding-bottom:40px
}
.story03 .story03-info:after {
	content:'';
	display:block;
	width:147px;
	height:1px;
	position:absolute;
	right:-284px;
	background:#df6c8b;
	bottom:0
}
.story03 .story03-info h3 {
	font-size:72px;
	color:#2d3245;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:7px;
	line-height:70px;
	transform:translateX(100%);
	transition:1s
}
.story03 .story03-info span {
	font-size:36px;
	color:#2d3245;
	font-weight:bold;
	letter-spacing:4px;
	display:block;
	margin-bottom:52px;
	transform:translateX(100%);
	transition:1s
}
.story03 .story03-info .jsh {
	font-size:14px;
	color:#666;
	line-height:24px;
	background:url("../images/story-09.png") no-repeat top left;
	padding-left:160px;
	height:216px;
	overflow:auto;
	transform:translateX(100%);
	transition:1s
}
.story03 .story03-info .num {
	position:absolute;
	bottom:0;
	right:0;
	color:#1c1c1a;
	font-weight:bold;
	font-size:24px;
	line-height:25px
}
.story03.action .pic {
	transform:scaleY(1)
}
.story03.action:before {
	transform:scaleX(1)
}
.story03.action .story03-info h3 {
	transform:translateX(0)
}
.story03.action .story03-info span {
	transform:translateX(0)
}
.story03.action .story03-info .jsh {
	transform:translateX(0)
}
.story04 {
	position:relative;
	margin-bottom:83px;
	padding-bottom:147px;
	height:973px
}
.story04:after {
	content:'';
	display:block;
	width:147px;
	height:1px;
	background:#df6c8b;
	position:absolute;
	bottom:138px;
	left:-284px
}
.story04 .story04-pic {
	float:left;
	width:618px;
	z-index:2;
	position:relative
}
.story04 .story04-pic h3 {
	font-size:20px;
	color:#2d3245;
	font-weight:bold;
	letter-spacing:2px;
	transform:translateX(-100%);
	transition:1s
}
.story04 .story04-pic h3:after {
	content:'';
	display:inline-block;
	background:#df6c8b;
	width:144px;
	height:2px;
	margin-left:10px;
	vertical-align:middle
}
.story04 .story04-pic p {
	font-size:72px;
	color:#2d3245;
	font-weight:bold;
	text-transform:uppercase;
	line-height:87px;
	margin-bottom:34px;
	transform:translateX(-100%);
	transition:1s
}
.story04 .pic {
	width:618px;
	height:686px;
	transform:translateX(-100%);
	transition:1s
}
.story04 .story04-info {
	position:relative;
	z-index:2;
	width:607px;
	float:right;
	padding-top:156px;
	height:973px;
	padding-bottom:40px
}
.story04 .story04-info:after {
	content:'';
	display:block;
	width:607px;
	height:570px;
	position:absolute;
	right:0;
	background:#f7f7f7;
	bottom:0;
	z-index:1
}
.story04 .story04-info .pic {
	width:335px;
	height:363px;
	z-index:2;
	margin:0 auto;
	transform:translateX(100%);
	transition:1s
}
.story04 .story04-info .jsh {
	font-size:14px;
	color:#666;
	line-height:24px;
	padding:0 70px;
	height:240px;
	overflow:auto;
	z-index:2;
	position:relative;
	margin-top:85px;
	transform:translateY(20px);
	transition:1s
}
.story04 .story04-info .num {
	position:absolute;
	bottom:60px;
	left:-145px;
	color:#1c1c1a;
	font-weight:bold;
	font-size:24px;
	line-height:25px;
	z-index:3
}
.story04 .story04-info .num:after {
	content:'';
	display:inline-block;
	width:122px;
	height:2px;
	background:#000;
	margin-left:15px
}
.story04.action .story04-pic h3 {
	transform:translateX(0)
}
.story04.action .story04-pic p {
	transform:translateX(0)
}
.story04.action .pic {
	transform:translateX(0)
}
.story04.action .story04-info .pic {
	transform:translateX(0)
}
.story04.action .story04-info .jsh {
	transform:translateY(0)
}
.story05 {
	overflow:hidden;
	position:relative;
	margin-bottom:55px;
	padding-bottom:26px
}
.story05:after {
	content:'';
	display:block;
	width:541px;
	height:637px;
	background:#f1f1f1;
	position:absolute;
	right:0;
	top:24px;
	z-index:1;
	transform:scaleY(0);
	transition:1.5s;
	transform-origin:center top
}
.story05 .pic {
	width:550px;
	height:635px;
	float:right;
	z-index:2;
	margin-right:23px;
	transform:translateX(10px);
	transition:1s
}
.story05 .story05-info {
	position:relative;
	z-index:2;
	width:588px;
	float:left;
	padding-top:15px;
	height:722px;
	padding-bottom:40px
}
.story05 .story05-info:before {
	content:'';
	display:block;
	width:588px;
	height:426px;
	background:#f1f1f1;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1
}
.story05 .story05-info h3 {
	font-size:72px;
	color:#2d3245;
	font-weight:bold;
	text-transform:uppercase;
	line-height:70px;
	margin-bottom:34px;
	transform:translateY(-100%);
	transition:1s
}
.story05 .story05-info span {
	font-size:20px;
	color:#2d3245;
	font-weight:bold;
	letter-spacing:2px;
	margin-bottom:116px;
	display:block;
	transform:translateY(-100%);
	transition:1s
}
.story05 .story05-info span:after {
	content:'';
	display:inline-block;
	background:#df6c8b;
	width:144px;
	height:2px;
	margin-left:10px;
	vertical-align:middle
}
.story05 .story05-info .jsh {
	font-size:14px;
	color:#666;
	line-height:24px;
	height:240px;
	overflow:auto;
	position:relative;
	z-index:2;
	margin-top:35px;
	padding:0 70px;
	letter-spacing:1px;
	transform:translateY(30px);
	transition:1s
}
.story05 .story05-info .num {
	width:52px;
	height:46px;
	text-align:center;
	color:#1c1c1a;
	font-weight:bold;
	font-size:24px;
	margin-left:67px;
	line-height:46px;
	background:#e9e9e9;
    position: relative;
    z-index:2;
}
.story05.action:after {
	transform:scaleY(1)
}
.story05.action .pic {
	transform:translateX(0)
}
.story05.action .story05-info h3 {
	transform:translateY(0)
}
.story05.action .story05-info span {
	transform:translateY(0)
}
.story05.action .story05-info .jsh {
	transform:translateY(0)
}
.story06 {
	overflow:hidden;
	position:relative;
	margin-bottom:41px;
	padding-bottom:16px
}
.story06:after {
	content:'';
	display:block;
	width:1112px;
	height:489px;
	background:#f1f1f1;
	position:absolute;
	right:0;
	bottom:0;
	z-index:1
}
.story06 .pic {
	width:522px;
	height:633px;
	float:left;
	z-index:2;
	margin-right:23px;
	transform:translateX(-100%);
	transition:1s
}
.story06 .story06-info {
	position:relative;
	z-index:2;
	width:656px;
	float:right;
	padding-top:62px;
	height:722px;
	padding-bottom:40px
}
.story06 .story06-info h3 {
	font-size:72px;
	color:#2d3245;
	font-weight:bold;
	text-transform:uppercase;
	line-height:70px;
	margin-bottom:19px;
	transform:translateY(-100%);
	transition:1s
}
.story06 .story06-info span {
	font-size:20px;
	color:#2d3245;
	font-weight:bold;
	letter-spacing:2px;
	margin-bottom:120px;
	display:block;
	transform:translateY(-100%);
	transition:1s
}
.story06 .story06-info span:after {
	content:'';
	display:inline-block;
	background:#df6c8b;
	width:144px;
	height:2px;
	margin-left:10px;
	vertical-align:middle
}
.story06 .story06-info .jsh {
	font-size:14px;
	color:#666;
	line-height:24px;
	height:288px;
	overflow:auto;
	position:relative;
	z-index:2;
	margin-top:29px;
	padding:0 96px 0 18px;
	letter-spacing:1px;
	transform:translateY(30px);
	transition:1s
}
.story06 .story06-info .num {
	width:52px;
	height:46px;
	text-align:center;
	color:#1c1c1a;
	font-weight:bold;
	font-size:24px;
	margin-left:20px;
	line-height:46px;
	background:#e9e9e9
}
.story06.action .pic {
	transform:translateX(0)
}
.story06.action .story06-info h3 {
	transform:translateY(0)
}
.story06.action .story06-info span {
	transform:translateY(0)
}
.story06.action .story06-info .jsh {
	transform:translateY(0)
}
.online {
	overflow:hidden;
	margin-bottom:40px
}
.online h3 {
	text-align:center;
	font-size:23px;
	line-height:70px
}
.online ul {
	overflow:hidden
}
.online ul li {
	margin-bottom:15px;
	position:relative;
	float:left;
	width:50%;
	overflow:hidden;
	padding-right:20px
}


.online ul li font {
    position:absolute;
    right:28px;
    top:0;
    font-size:12px;
    color:#F00;
    display:none;
}

.online ul li.yanzhen font {
    right:270px;

}

.online ul li span {
	display:block;
	height:40px;
	float:left;
	line-height:40px;
	width:60px;
	font-size:14px;
	color:#333
}
.online ul li input {
	outline:0;
	border:1px solid #d3d3d3;
	width:284px;
	height:40px;
	float:left;
	line-height:40px;
	padding:0 10px;
	font-size:14px;
	color:#333;
	transition:.5s;
	position:relative
}
.online ul li textarea {
	outline:0;
	border:1px solid #d3d3d3;
	width:654px;
	height:200px;
	line-height:24px;
	padding-left:10px;
	padding-top:10px;
	font-size:14px;
	color:#333;
	position:relative;
	transition:.5s;
	float:left
}
.online ul .text {
	margin-right:0;
	width:100%;
	float:none;
	height:200px
}
.online input:focus,.online textarea:focus {
	transition:border linear .2s,box-shadow linear .5s;
	-moz-transition:border linear .2s,-moz-box-shadow linear .5s;
	-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
	outline:0;
	border:1px solid #df6c8b;
	background:#fff
}
.online ul li.yanzhen {
	float:left;
	width:430px;
	position:relative;
	overflow:hidden
}
.online ul li.yanzhen input {
	width:100px;
	float:left
}
.online ul li.yanzhen b {
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	margin-left:5px;
	font-weight:normal;
	text-decoration:underline;
    cursor:pointer;
	color:#999
}
.online ul li.yanzhen a {
	height:40px;
	line-height:40px;
	float:left
}
.online .message-submit {
	text-align:center;
	float:right;
	width:157px;
	margin-right:0
}
.online .message-submit input {
	width:120px;
	border:0;
	padding:0;
	float:left;
	margin-left:11px;
	font-size:16px;
	color:#fff;
	background:#333;
	transition:.5s;
	text-transform:uppercase;
	height:40px;
	line-height:40px
}
.online .message-submit input:hover {
	background:#df6c8b
}
@media  (max-width:1366px) {
	.header1 .h-right {
	right:80px
}
.header1 .search {
	margin-left:60px
}

    .product1 .product-info .pic-right h3{
        right:-35px;
    }
}@media (max-width:1280px) {
	.header1 .h-right {
	right:40px
}
    .product1 .product-info .pic-right h3 {
        right: 0;
    }
.header1 .search {
	margin-left:60px
}
.header1 .logo {
	margin-left:10px
}
}#goTop {
	position:fixed;
	width:38px;
	height:38px;
	line-height:38px;
	text-align:center;
	color:#fff;
	background:url(../images/top.png) no-repeat center center;
	opacity:.6;
	bottom:6%;
	right:3%;
	overflow:hidden;
	display:none;
	cursor:pointer;
	z-index:999
}


 /*搜索弹出层*/
.search_mask
{
	background: url(../images/search_mask.png);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	display: none;
}
.search_mask .s_box
{
	width: 350px;
	height: 136px;
	padding: 25px;
	top: 50%;
	left: 50%;
	margin-left: -175px;
	position: absolute;
	margin-top: -68px;
	background: #fff;
}
.search_mask .s_box .text1
{
	text-align: center;
	line-height: 24px;
	color: #666;
	font-size: 16px;
}
.search_mask .s_box .sure
{
	width: 140px;
	height: 36px;
	display: block;
	margin: 20px auto 0;
	background: #00a0e9;
	border-radius: 2px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 36px;
	letter-spacing: 5px;
}


/**********IE8***********/

.prompt {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url(../images/ie_sosad.png) no-repeat center 35% #ffffff;
  left: 0;
  bottom: 0;
  display: none;
  z-index: 999;
  filter: alpha(opacity=80);
  opacity: 80;
}
.prompt span {
  position: absolute;
  font-size: 14px;
  font-family: 'Microsoft YaHei';
  top: 55%;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  display: block;
  line-height: 24px;
  color: #666;
}
.prompt span a {
  text-decoration: underline;
}
.prompt_close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 30px;
  top: 30px;
  background: url(../images/closed.png) no-repeat center center;
  cursor: pointer;
}






.pro-tuijian ul li .price {
	margin-bottom:35px;
	overflow:hidden;
	text-align:center
}
.pro-tuijian ul li .price span {
	text-decoration:line-through;
	padding-right:10px;
	font-size:16px;
	color:#000
}
.pro-tuijian ul li .price b {
	font-weight:normal;
	font-size:24px;
	color:#ed1461;
	font-family:arial
}