@charset "utf-8";
/* CSS Document */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

body {
	line-height: 1
}

ol,ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
	content: '';
	content: none
}

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

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

button,input,select,textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	width: auto;
	overflow: visible
}

legend {
	color: #000
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400
}

body,html {
	height: 100%
}

a,a:active {
	color: #333;
	text-decoration: none;
	outline: 0
}

a,button,input[type=button],input[type=submit] {
	-webkit-tap-highlight-color: transparent
}

h1,h2,h3,h4,h5,h6 {
	/*text-transform: uppercase;*/
	font-weight: 700;
	letter-spacing: 1px
}

p {
	line-height: 1.5
}

@font-face {
	font-family:'Titillium-Regular';
 src:url('../font/Titillium-Regular.html'),url('../font/Titillium-Regular.ttf'),url('../font/Titillium-Regular.eot'),url('../font/Titillium-Regular-2.html');
}

@media(min-width:768px) {
	p {
		line-height: 1.6
	}
}

a {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.navbar-toggle i {
	width: 28px;
	height: 3px;
	display: block;
	background: #ffffff;
	margin-bottom: 4px;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
}

.navbar-toggle i:nth-child(3) {
	margin-bottom: 0;
}

.nav_mask.show+.navbar.navbar-custom .navbar-toggle i:nth-child(1) {
	transform: translate3d(0,7px,0) rotate(-135deg);
	-webkit-transform: translate3d(0,7px,0) rotate(-135deg);
	-moz-transform: translate3d(0,7px,0) rotate(-135deg);
	-ms-transform: translate3d(0,7px,0) rotate(-135deg);
}

.nav_mask.show+.navbar.navbar-custom .navbar-toggle i:nth-child(2) {
	opacity: 0;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
}

.nav_mask.show+.navbar.navbar-custom .navbar-toggle i:nth-child(3) {
	transform: translate3d(0,-7px,0) rotate(135deg);
	-webkit-transform: translate3d(0,-7px,0) rotate(135deg);
	-moz-transform: translate3d(0,-7px,0) rotate(135deg);
	-ms-transform: translate3d(0,-7px,0) rotate(135deg);
}

.text-r {
	text-align: right;
}

.text-c {
	text-align: center;
}

.navbar-brand img {
	height: 50px;
	display: inline-block;
	vertical-align: top;
}

.navbar-custom {
	margin-bottom: 0;
	border-bottom: 1px solid rgba(255,255,255,.2);
	/*text-transform: uppercase;*/
}

.navbar-custom .navbar-toggle {
	padding: 6px;
	color: #fff
}

.navbar-custom .navbar-toggle i {
	font-size: 20px;
	line-height: 1;
}

.navbar-custom .navbar-toggle:active,.navbar-custom .navbar-toggle:focus {
	outline: 0
}

.navbar-custom a {
	color: #fff
}

.navbar-custom .nav li a {
	text-align: center;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover {
	outline: 0;
	color: #df0b00;
	background-color: transparent;
	font-weight:bold;
}

.navbar-custom .nav li a:active,.navbar-custom .nav li a:focus {
	outline: 0;
	background-color: transparent
}

.navbar-custom .nav li.active {
	outline: 0;
}

.navbar-custom .nav li.active a:hover {
	color: #df0b00;
	font-weight:bold;
}

@media(min-width:768px) {
	.navbar-custom {
		padding: 20px 0px 20px 0px;
		letter-spacing: 1px;
		background: 0 0;
		-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
		-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
		transition: background .5s ease-in-out,padding .5s ease-in-out
	}

	.navbar-custom.top-nav-collapse {
		padding: 0;
		border-bottom: 1px solid rgba(255,255,255,.3)
	}

	.navbar-brand img {
		height: 80px;
		margin-top: -20px;
		transition: all .2s ease-out;
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-ms-transition: all .2s ease-out;
	}

	.navbar-collapse {
		position: relative;
	}

	.navbar-custom.top-nav-collapse .navbar-brand img {
		height:60px;
		margin-top: -12px;
	}

	.navbar-collapse span.follow {
		position: absolute;
		bottom: -21px;
		left: 0;
		height: 2px;
		background: #df0b00;
		width: 0px;
		transition: bottom .5s ease-in-out;
		-webkit-transition: bottom .5s ease-in-out;
		-moz-transition: bottom .5s ease-in-out;
		-ms-transition: bottom .5s ease-in-out;
	}

	.navbar-custom.top-nav-collapse .navbar-collapse span.follow {
		bottom: -1px;
	}
}

@media(max-width:767px) {
	.navbar-custom .nav li a:active,.navbar-custom .nav li a:focus {
		outline: 0;
		background-color: #ffffff;
		color: #df0b00;
	}

	.navbar-collapse span.follow {
		display: none !important;
	}
}

.nav_mask {
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0;
	-webkit-transition: opacity .4s linear;
	-ms-transition: opacity .4s linear;
	-moz-transition: opacity .4s linear;
	transition: opacity .4s linear;
	display: none;
}

.nav_mask.show {
	opacity: .8
}



/*公用*/
.chat {
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	display: table;
	vertical-align: middle;
	z-index: 97;
}

.chat>div {
	display: table-cell;
	vertical-align: middle;
}

.chat>div>div {
	border-radius: 5px 0 0 5px;
	background: #000;
	background: rgba(0,0,0,.6)
}

.chat>div>div>a {
	display: block;
	width: 44px;
	height: 46px;
	position: relative;
}

.chat>div>div>a span {
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	height: 46px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 4px 0 0 4px;
	color: #8c8c8c;
	white-space: nowrap;
	line-height: 46px;
	font-size: 14px;
	padding: 0 10px 0 0;
	-ms-transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	transition: background-color .2s linear
}

.chat>div>div>a span>i {
	font-size: 24px;
	width: 44px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	display: inline-block;
	vertical-align: top
}

.chat>div>div>a.active span {
	width: auto;
	background: #ea5106;
	background: rgba(234,80,6,.8);
	color: #fff;
	padding-right: 10px
}

@font-face {
	font-family: "iconfont";
  src: url('../font/iconfont9191.eot?t=1463848836'); /* IE9*/
  src: url('../font/iconfont9191.eot?t=1463848836#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont9191.html?t=1463848836') format('woff'), /* chrome, firefox */
  url('../font/iconfont9191.ttf?t=1463848836') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont9191.svg?t=1463848836#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.icon-tel:before {
	content: "\e600";
}

.icon-qq:before {
	content: "\e601";
}

.icon-mail:before {
	content: "\e602";
}

.icon-custom:before {
	content: "\e615";
}

.icon-service:before {
	content: "\e618";
}

.icon-about:before {
	content: "\e61a";
}

.icon-news:before {
	content: "\e61b";
}

.icon-place:before {
	content: "\e60f";
}

.icon-contact:before {
	content: "\e649";
}

.icon-arrow:before {
	content: "\e60b";
}

.icon-left:before {
	content: "\e60e";
}

.icon-right:before {
	content: "\e60d";
}

.icon-menu:before {
	content: "\e60c";
}

.icon-pc:before {
	content: "\e60a";
}

.icon-pm:before {
	content: "\e609";
}

.icon-mb:before {
	content: "\e617";
}

.icon-form-user:before {
	content: "\e610";
}

.icon-form-mail:before {
	content: "\e613";
}

.icon-form-tel:before {
	content: "\e611";
}

.icon-form-msg:before {
	content: "\e612";
}

.wrapper {
	width: 100%;
	display: block;
	min-width: 320px
}

.main {
	margin: 0 auto
}

#wrap {
	position: relative;
	min-height: 100%;
	overflow: hidden
}

#pages {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none
}

.nav_index {
	position: fixed;
	right: 35px;
	top: 0;
	height: 100%;
	z-index: 60;
	display: table;
	vertical-align: middle
}

.nav_index>div {
	display: table-cell;
	vertical-align: middle
}

.nav_index>div>span {
	display: block;
	width: 9px;
	height: 9px;
	margin: 8px 0;
	background: #fff;
	border-radius: 4px;
	cursor: pointer;
	-ms-transition: background-color .6s linear;
	-webkit-transition: background-color .6s linear;
	-moz-transition: background-color .6s linear;
	transition: background-color .6s linear
}

.nav_index>div>span.active {
	background: #d91e22
}

@media screen and (max-width:767px) {
	.nav_index {
		right: 10px;
	}
}

.page1 {
	background: #000
}

.slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.slide>div {
	position: relative;
	overflow: hidden;
}

.slide>div>.bgs {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: all 3s ease-out;
	-moz-transition: all 3s ease-out;
	-ms-transition: all 3s ease-out;
	transition: all 3s ease-out
}

.current .slide>div.current .bgs {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1)
}

.index_inner .solgan h2 {
	font-size: 90px;
	color: #fff;
	position: relative;
	opacity: 0;
	font-weight: bold;
	text-align: left;
	margin-bottom: 40px;
}

.index_inner .solgan h3 {
	color: #fff;
	font-size: 30px;
	line-height: 40px;
	position: relative;
	opacity: 0;
	font-weight: normal;
	text-align: left;
}

.current .slide .current .solgan h2 {
	-webkit-animation: fadeInDown ease .4s forwards .2s;
	-moz-animation: fadeInDown ease .4s forwards .2s;
	-ms-animation: fadeInDown ease .4s forwards .2s;
	animation: fadeInDown ease .4s forwards .2s
}

.current .slide .current .solgan h3 {
	-webkit-animation: fadeInDown ease .4s forwards;
	-moz-animation: fadeInDown ease .4s forwards;
	-ms-animation: fadeInDown ease .4s forwards;
	animation: fadeInDown ease .4s forwards
}

.index_nav ul {
	margin: 200px auto 0 auto;
	display: inline-block
}

.index_nav ul li {
	float: left;
	width: 76px;
	height: 76px;
	cursor: pointer
}

.index_nav ul li:nth-child(2),.index_nav ul li:nth-child(4) {
	margin: 60px -20px 0 -20px
}

.index_nav ul li a {
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	border: 2px solid #fff;
	border-radius: 5px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: background .2s ease-out,border-color .2s ease-out;
	-moz-transition: background .2s ease-out,border-color .2s ease-out;
	-ms-transition: background .2s ease-out,border-color .2s ease-out;
	transition: background .2s ease-out,border-color .2s ease-out
}

.index_nav ul li a:after {
	background: #ea5106;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	display: block;
	content: "";
	-webkit-transform: rotate3d(0,1,0,180deg);
	-moz-transform: rotate3d(0,1,0,180deg);
	-o-transform: rotate3d(0,1,0,180deg);
	-ms-transform: rotate3d(0,1,0,180deg);
	transform: rotate3d(0,1,0,180deg);
	opacity: 0;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.index_nav ul li a:hover {
	border-color: transparent
}

.index_nav ul li a:hover::after {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	-moz-transform: none;
	transform: none
}

.index_nav ul li i {
	position: absolute;
	left: 0;
	top: 0;
	width: 76px;
	height: 76px;
	font-size: 46px;
	text-align: center;
	line-height: 76px;
	display: block;
	color: #fff;
	z-index: 1;
	opacity: 1;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out
}

.index_nav ul li a:hover i {
	opacity: 0
}

.index_nav ul li span {
	width: 76px;
	height: 76px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	line-height: 76px;
	color: #fff;
	opacity: 0;
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg)
}

.index_nav ul li a:hover span {
	opacity: 1
}

.arrow {
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -20px;
	z-index: 3;
	opacity: 0;
	border: 2px solid #d91e22;
	border-radius: 33px;
}

.arrow i {
	color: #d91e22;
	font-size: 30px;
	position: absolute;
	left: 0;
	top: 0;
	width: 46px;
	height: 46px;
	text-align: center;
	line-height: 50px
}

.current .arrow {
	-webkit-animation: arrow ease 2s infinite .4s;
	-moz-animation: arrow ease 2s infinite .4s;
	-ms-animation: arrow ease 2s infinite .4s;
	animation: arrow ease 2s infinite .4s
}

@media screen and (min-width:768px) and (max-width:1366px) {
	.arrow {
		width: 34px;
		height: 34px;
		margin-left: -17px;
	}

	.arrow span {
		width: 34px;
		height: 34px;
	}

	.arrow i {
		width: 34px;
		height: 34px;
		line-height: 34px;
	}
}

@media screen and (max-width:767px) {
	.page2 .arrow,
.page3 .arrow,
.page4 .arrow,
.page5 .arrow {
		display: block;
		bottom: 10px;
	}

	.arrow {
		width: 28px;
		height: 28px;
		margin-left: -14px;
	}

	.arrow span {
		width: 28px;
		height: 28px;
	}

	.arrow i {
		width: 28px;
		height: 28px;
		line-height: 28px;
		font-size: 16px;
	}

	.index_nav ul li:nth-child(2),.index_nav ul li:nth-child(4) {
		margin: 40px -14px 0 -14px
	}

	.index_nav ul li {
		float: left;
		width: 56px;
		height: 56px;
		cursor: pointer
	}

	.index_nav ul li span {
		width: 56px;
		height: 56px;
		line-height: 56px;
		font-size: 14px;
		font-weight: normal;
	}

	.index_nav ul li i {
		width: 56px;
		height: 56px;
		font-size: 30px;
		line-height: 56px;
	}
}

@media screen and ( max-height: 400px)  and ( max-width: 767px) {
	.arrow {
		bottom: 10px;
	}
}

.page1 .index_inner {
	pointer-events: none;
}

#index_nav {
	pointer-events: auto;
}

.index_nav ul li {
	opacity: 0
}

.current .index_nav ul li {
	opacity: 1
}

.current .index_nav ul li:nth-child(1) {
	-webkit-animation: bounceIn .6s ease-out both;
	-moz-animation: bounceIn .6s ease-out both;
	-ms-animation: bounceIn .6s ease-out both;
	animation: bounceIn .6s ease-out both
}

.current .index_nav ul li:nth-child(2) {
	-webkit-animation: bounceIn .6s .2s ease-out both;
	-moz-animation: bounceIn .6s .2s ease-out both;
	-ms-animation: bounceIn .6s .2s ease-out both;
	animation: bounceIn .6s .2s ease-out both
}

.current .index_nav ul li:nth-child(3) {
	-webkit-animation: bounceIn .6s .4s ease-out both;
	-moz-animation: bounceIn .6s .4s ease-out both;
	-ms-animation: bounceIn .6s .4s ease-out both;
	animation: bounceIn .6s .4s ease-out both
}

.current .index_nav ul li:nth-child(4) {
	-webkit-animation: bounceIn .6s .6s ease-out both;
	-moz-animation: bounceIn .6s .6s ease-out both;
	-ms-animation: bounceIn .6s .6s ease-out both;
	animation: bounceIn .6s .6s ease-out both
}

.current .index_nav ul li:nth-child(5) {
	-webkit-animation: bounceIn .6s .8s ease-out both;
	-moz-animation: bounceIn .6s .8s ease-out both;
	-ms-animation: bounceIn .6s .8s ease-out both;
	animation: bounceIn .6s .8s ease-out both
}

@media screen and (min-width:768px) and (max-width:1366px) {
	.index_inner .solgan h2 {
		font-size: 90px
	}

	.index_inner .solgan h3 {
		font-size: 30px;
	}
}

@media screen and (max-width:767px) {
	.index_inner .solgan h2 {
		font-size: 48px;
		margin-top: 100px;
	}

	.index_inner .solgan h3 {
		font-size: 30px;
	}
}

@media screen and (max-width:767px) and (min-height: 401px;){
.index_nav ul {
	margin: 230px auto 0 auto
}
}

@media screen and (max-height:400px)  and ( max-width: 767px) {
	.index_nav ul {
		margin: 160px auto 0 auto;
	}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ABOUT 品牌简介*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.page2 {
	background: url(../img/index/about.jpg) center center no-repeat;
	background-size: cover;
	color: #fff;
}

.about-content,.about-content p {
	font-size: 14px;
	line-height: 32px;
	text-align: left;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* PRODUCT 产品中心*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.page3 {
	background: url(../img/index/leather.jpg) center center no-repeat;
	background-size: cover;
	color:#fff;
}

.page3 .iconlist h3{ line-height:40px; font-size:24px; padding:20px 0px;}
.page3 .iconlist p{font-size:14px;}

.case_box{position:relative}
.case_box .case_slide{padding-top:28%;position:relative;overflow:hidden;transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out;opacity:0}
.current .case_box .case_slide{opacity:1;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.case_box .case_slide>div{position:absolute;width:100%;height:80%;top:0;left:0}
.case_box .case_slide .slide_item{width:33.33%;height:100%;float:left;position:relative}
.case_box .case_slide a{background-position:center center;background-repeat:no-repeat;background-size:cover; display: block; position: absolute; left: 1px; right: 1px; top: 0px; bottom: 0px; }
.case_box .case_slide a>div{position:absolute;left:20px;top:20px;right:20px;bottom:20px;background:#df0b00;background:rgba(223,11,0,.6);overflow:hidden;opacity:0;pointer-events:none;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.case_box .case_slide a>div>span{display:table;width:100%;height:100%;vertical-align:middle;text-align:center}
.case_box .case_slide a>div>span>span{display:table-cell;vertical-align:middle;text-align:center}
.case_box .case_slide a p.type{font-size:14px;color:rgba(255,255,255,.8);text-align:center}
.case_box .case_slide a h3{font-size:26px;font-weight:700;line-height:1;color:#fff;margin:20px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.case_box .case_slide a p.more{font-size:16px;color:#fff;position:relative}
.case_box .case_slide a p.more:after{content:"";width:68px;margin-left:-34px;left:50%;top:100%;position:absolute;border-bottom:2px solid #fff;height:2px}
.case_box .case_slide a:hover>div{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.case_box .arr{text-align:center;margin-top:20px}
.case_box .arr>div{width:40px;height:40px;border-radius:5px;position:relative;border:1px solid #fff;cursor:pointer;display:inline-block;margin:0 16px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
.case_box .arr>div i{font-size:24px;color:#fff;position:absolute;width:40px;height:40px;text-align:center;line-height:40px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);display:block}
.case_box .arr>div:hover{background:#df0b00;border-color:#df0b00}
@media screen and (min-width:768px) and (max-width:1366px){.case_box .case_slide{padding-top:42%}
.case_box .case_slide>div{height:100%}
.case_box .case_slide .slide_item{width:50%;height:50%}
.case_box .case_slide a{left: 5px; right: 5px; top: 5px; bottom: 5px;}
.case_box .case_slide a h3{margin:10px 0;font-size:20px}
.case_box .case_slide a p.more{font-size:14px}
.case_box .case_slide a p.more:after{width:58px;margin-left:-29px}
}
@media screen and (max-width:767px){.case_box .case_slide{padding-top:90%;width:94%;margin:0 auto}
.case_box .case_slide>div{height:100%}
.case_box .case_slide .slide_item{width:50%;height:33.33%}
.case_box .case_slide a{left: 3px; right: 3px; top: 3px; bottom: 3px;}
.case_box .case_slide a p.type{font-size:10px}
.case_box .case_slide a h3{margin:3px 0;font-size:14px}
.case_box .case_slide a p.more{font-size:10px}
.case_box .case_slide a p.more:after{width:40px;margin-left:-20px;border-bottom:1px solid #fff;height:1px}

.page3 .iconlist h3{ line-height:30px; font-size:18px; padding:2px 0px;}
.page3 .iconlist p{font-size:12px; padding-bottom:10px;}
.page3 .iconlist img{width:50px; height:50px;}
}

@media screen and (max-height: 400px) and ( max-width: 767px)  {
    .case_box .case_slide{ padding-top: 60%; }
    .case_box .case_slide .slide_item{ height: 50%; }
    .case_box .case_slide a{left: 2px; right: 2px; top: 2px; bottom: 2px;}
    .case_box .case_slide a:nth-child(5),
    .case_box .case_slide a:nth-child(6){ display: none; }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* WHY LEATHER*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.page4 {
	background: url(../img/index/leather.jpg) center center no-repeat;
	background-size: cover
}

.page4 .item_box>h2,.page4 .item_box>h5 {
	display: none
}

.page4 .item_box .item_bd {
	margin-top: 0
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* PAR 我们的客户*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.page5 {
	background: url(../img/index/par.jpg) center center no-repeat;
	background-size: cover
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* CONTACT US 联系我们*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.page6 {
	background: url(../img/index/contact.jpg) center center no-repeat;
	background-size: cover
}

.page6 .index_inner {
	display: block
}

.page6 .index_inner .index_box {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden
}

.page6 .index_inner .item_box h2 {
	margin-top: 100px
}

.page6 .index_inner .container-fluid {
	padding: 0
}

.contact-content {
	font-size: 14px;
	color: #fff;
	padding-bottom: 30px;
	text-align:left;
}
@media(max-width:768px) {
.contact-content {
	text-align:center;
}
}
.contact-content ul li {
	padding: 10px 0px;
}

.contact-content ul li a {
	color: #fff;
	text-decoration: underline;
}

.contact-map {
	width: auto;
	height: 380px;
	border: #ccc solid 1px;
}

.item_box h2,
.item_box h2 a {
	font-size: 60px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-top: 50px;
}

.item_box h2 a:hover {
	text-decoration: none;
}

.item_box h2:after {
	content: "";
	display: block;
	width: 300px;
	height: 2px;
	background: #fff;
	margin: 20px auto 20px auto;
}

.item_box h5 {
	font-size: 36px;
	color: #fff;
	text-align: center;
	font-weight: normal;
	margin-bottom: 50px;
}

.index_inner {
	display: table;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 3
}

.index_inner .index_box {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.item_box h2 {
	-webkit-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	transform: translateY(-40px);
	-webkit-transition: all .3s .2s ease-out;
	-moz-transition: all .3s .2s ease-out;
	-ms-transition: all .3s .2s ease-out;
	transition: all .3s .2s ease-out;
	opacity: 0
}

.current .item_box h2 {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	-moz-transform: none;
	transform: none
}

.item_box h5 {
	-webkit-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	transform: translateY(-40px);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
	opacity: 0
}

.current .item_box h5 {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	-moz-transform: none;
	transform: none
}

@media screen and (min-width:768px) and (max-width:1366px) {
	.item_box h2,
.item_box h2 a {
		font-size: 60px;
		font-weight: bold;
		color: #fff;
		text-align: center;
		margin-top: 50px;
	}

	.item_box h2 a:hover {
		text-decoration: none;
	}

	.item_box h2:after {
		content: "";
		display: block;
		width: 300px;
		height: 2px;
		background: #fff;
		margin: 20px auto 20px auto;
	}

	.item_box h5 {
		font-size: 36px;
		color: #fff;
		text-align: center;
		font-weight: normal;
		margin-bottom: 50px;
	}
}

@media screen and (max-width:767px) {
	.index_inner {
		display: block;
		vertical-align: top;
		text-align: center;
		width: 100%;
		padding-top: 50px;
		height: auto;
		position: relative;
		z-index: 3
	}

	.index_inner .index_box {
		display: block;
		vertical-align: top;
		text-align: center
	}

	.about-content,.about-content p {
		line-height: 24px;
		margin-top: 20px;
	}

	.item_box h2,
.item_box h2 a {
		font-size: 24px;
		font-weight: bold;
		color: #fff;
		text-align: center;
		margin-top: 20px;
	}

	.item_box h2 a:hover {
		text-decoration: none;
	}

	.item_box h2:after {
		content: "";
		display: block;
		width: 100px;
		height: 2px;
		background: #fff;
		margin: 10px auto 10px auto;
	}

	.item_box h5 {
		font-size: 18px;
		color: #fff;
		text-align: center;
		font-weight: normal;
		margin-bottom: 20px;
	}

	#dituContent {
		display: none;
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-30px)
	}

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

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-30px)
	}

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


@-ms-keyframes fadeInDown {
	0% {
		opacity: 0;
		-ms-transform: translateY(-30px)
	}

	100% {
		opacity: 1;
		-ms-transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-30px)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

@-webkit-keyframes arrow {
	0%,100% {
		opacity: 0;
		-webkit-transform: translateY(-20px)
	}

	50% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes arrow {
	0%,100% {
		opacity: 0;
		-moz-transform: translateY(-20px)
	}

	50% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

@-ms-keyframes arrow {
	0%,100% {
		opacity: 0;
		-ms-transform: translateY(-20px)
	}

	50% {
		opacity: 1;
		-ms-transform: translateY(0)
	}
}

@keyframes arrow {
	0%,100% {
		opacity: 0;
		transform: translateY(-20px)
	}

	50% {
		opacity: 1;
		transform: translateY(0)
	}
}

@-webkit-keyframes bounceIn {
	20%,40%,60%,80%,from,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-ms-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		-moz-transform: scale3d(.3,.3,.3);
		-ms-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		-moz-transform: scale3d(1.1,1.1,1.1);
		-ms-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		-moz-transform: scale3d(.9,.9,.9);
		-ms-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		-moz-transform: scale3d(1.03,1.03,1.03);
		-ms-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		-moz-transform: scale3d(.97,.97,.97);
		-ms-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		-moz-transform: scale3d(1,1,1);
		-ms-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@-moz-keyframes bounceIn {
	20%,40%,60%,80%,from,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-ms-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		-moz-transform: scale3d(.3,.3,.3);
		-ms-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		-moz-transform: scale3d(1.1,1.1,1.1);
		-ms-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		-moz-transform: scale3d(.9,.9,.9);
		-ms-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		-moz-transform: scale3d(1.03,1.03,1.03);
		-ms-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		-moz-transform: scale3d(.97,.97,.97);
		-ms-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		-moz-transform: scale3d(1,1,1);
		-ms-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@-ms-keyframes bounceIn {
	20%,40%,60%,80%,from,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-ms-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		-moz-transform: scale3d(.3,.3,.3);
		-ms-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		-moz-transform: scale3d(1.1,1.1,1.1);
		-ms-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		-moz-transform: scale3d(.9,.9,.9);
		-ms-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		-moz-transform: scale3d(1.03,1.03,1.03);
		-ms-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		-moz-transform: scale3d(.97,.97,.97);
		-ms-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		-moz-transform: scale3d(1,1,1);
		-ms-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@keyframes bounceIn {
	20%,40%,60%,80%,from,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-ms-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		-moz-transform: scale3d(.3,.3,.3);
		-ms-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		-moz-transform: scale3d(1.1,1.1,1.1);
		-ms-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		-moz-transform: scale3d(.9,.9,.9);
		-ms-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		-moz-transform: scale3d(1.03,1.03,1.03);
		-ms-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		-moz-transform: scale3d(.97,.97,.97);
		-ms-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		-moz-transform: scale3d(1,1,1);
		-ms-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@media screen and ( max-height: 400px) and ( max-width: 767px) {


@	-webkit-keyframes arrow {
		0%,100%{opacity: 0;
		-webkit-transform: translateY(-10px)
	}

	50% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes arrow {
	0%,100% {
		opacity: 0;
		-moz-transform: translateY(-10px)
	}

	50% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

@-ms-keyframes arrow {
	0%,100% {
		opacity: 0;
		-ms-transform: translateY(-10px)
	}

	50% {
		opacity: 1;
		-ms-transform: translateY(0)
	}
}

@keyframes arrow {
	0%,100% {
		opacity: 0;
		transform: translateY(-10px)
	}

	50% {
		opacity: 1;
		transform: translateY(0)
	}
}
    
}