@charset "UTF-8";
body {
	width: 100%;
	background-color: #FFF;
	font: 88%/1.6 '哈森卡迪娜', '设计理念', '设计师推荐', Meiryo, '新品展示', Osaka, sans-serif;
	color: #68626a;
	letter-spacing: 0;
	display: block;

}
body.index {
	height: 5500px;
}
#mainTop {
	position: relative;
	height: 4892px;
}
#main {
/* position:relative; */
}


.logo {
	position: fixed;
	top: 0px;
}
.pl {
	margin: 0;
	padding: 0;
	z-index: 2;
	width: 100%;
	font-family: verdana;
	opacity: 0;
	height: 100%;
	position: fixed;
}
#mainImgs{
z-index:-2;
max-width:1000px;

}
#mainImgwrap{
  max-width: 1000px;
  margin: 20px auto;
  height: 350px;
  margin-top: -120px;
  padding-top: 120px;
  /* margin-bottom: 20px; */
  z-index: -2;
}
#mainImgwrap img{

max-width: 1000px;
  vertical-align: bottom;
  display: block;
}


.pl2 {
	margin: 0;
	padding: 0;
	z-index: 2;
	width: 100%;
	font-family: verdana;
	opacity: 0;
	height: 100%;
	position: fixed;
}
.pl3 {
	margin: 0;
	padding: 0;
	z-index: 2;
	width: 100%;
	font-family: verdana;
	opacity: 1;
	height: 100%;
	position: fixed;
        top:120px;
}

.obj {
}
.logo {
	display: block;
	text-indent: 10000px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.titleWrap {
	width: 100%;
	text-align: center;
	margin: 20px auto;
}
/* pagetop */
.pagetop {
	z-index: 10000;
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
}
.pagetop a {
	display: block;
}
/* progress */
#progress {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 11000;
}
#progressLogo {
	text-align: center;
	width: 100%;
}
#progressLogo img {
	max-width: 410px;
	width: 56.2%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#progressBar {
	position: absolute;
	bottom: 0px;
	width: 0;
	height: 5px;
	background-color: #000;
}
/* container */

#container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: block;
}
#items, #collections, #stores, #about {
        max-width:1000px;
	width: 100%;
	margin: 0 auto;
	display: block;
 
}

#items, #collections1, #stores, #about {
        max-width:1000px;
	width: 100%;
	margin: 0 auto;
	display: block;
 
}

 #about, #items, #stores, #collections{
      background:#fff;
     
     padding-top: 1px;
}

#about, #items, #stores, #collections1{
      background:#fff;
     
     padding-top: 1px;
}


/* header */
header {
	position: fixed !important;

	top: 0 !important;
	left: 0 !important;
	width: 100%;
	height: 120px;
	z-index: 10000;
	color: #fff;
	background: none;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	display: block;

}



header h1 {
	margin: 0;
	margin-top: 20px;
	padding: 0;
	text-align: center;
}
header .other {
	background: #fff;
}
header.otherPageH div:first-child {
	margin-top: 20px;
}
header #toggle {
	min-width: 48px;
	position: absolute;
	top: 30px;
	right: 50px;
}

#toggle a {
	display: block;
	    cursor: pointer;
	/*padding: 12px 0 10px; */
}
/* contents */
#contents {
	margin: 0 auto;
	text-align: center;
}
#contentsTop {
	margin: 0 auto;
	text-align: center;
}
/* global */

.mainImg {
	width: 100%x;
	/* height: 300px;*/
	vertical-align: bottom;
        overflow: hidden;
}

.pageTit,.pageTit_pl {
	margin-top: 50px;
	margin-bottom: 20px;
}
/* =======================================
	ClearFixElements
======================================= */



#container:after, .loadArea .loadItem:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}


/* -------------------------
         index
------------------------- */


/* index main */
.indexMain {
	width: 100%;

	vertical-align: bottom;
	display: block;/*
	position:fixed;
	top:0px;
	*/


}
.indexMain img {
	width: 1250px;
}
/* index nav */

.indexMain, .indexCollection, .indexItem, .indexStore, .indexAbout, .indexContact {
	margin-top: 0px;
	display: block;
	width: 100%;
	

}
.indexMain {
	background-image: url("../images/index/indexMain_pc.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}
.indexCollection {
	background-image: url("../images/index/concepMainLeft.png");
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.indexItem {
	background-image: url("../images/index/recommend.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 1600px;
}
.indexStore {
	background-image: url("../images/index/fashion.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.indexAbout {
	background-image: url("../images/index/collections.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

.indexContact {
	background-image: url("../images/index/contact.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}


#slide1 p {

    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;

	background-size: cover;
}

#slide1 .indexCollectionRight {
    width: 100%;
    height: 750px;
    position: fixed;
    background:url("../images/index/concepMainRight.jpg") top center no-repeat; 
}

#slide1 .indexCollectionLeft {

    width: 50%;
    height: 750px;
 
    background:url("../images/index/concepMainLeft.png") top right no-repeat; 
}


/* link */


.indexCollection div, .indexItem div, .indexStore div, .indexAbout div {
	padding-top: 21.5%;
	width: 410px;
	height: 220px;
	margin: 0 auto;
	display: block;
}
.indexCollection a, .indexItem a, .indexStore a, .indexAbout a {
	border-style: none;
	width: 410px;
	height: 220px;
	overflow: hidden;
	float: left;
	margin-left: -210px;

}
.indexCollection a:hover img, .indexItem a:hover img, .indexStore a:hover img, .indexAbout a:hover img {
	margin-top: -240px;
}
/* News */

 
.indexNews {
	z-index: 10;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 0px;
	position: relative;
	background: #fff;
}
.indexNews .Tit h2 {
	margin-bottom: 10px;
}
.indexNews .Tit {
	margin-bottom: 10px;
}
.indexNews:after {
	content: "";
	display: block;
	clear: both
}
ul.Newswrap {
	width: 90%;
	margin-top: 30px;
	margin: 0 auto;
}
ul.Newswrap:after {
	content: "";
	display: block;
	clear: both
}
ul.Newswrap li {
	position: relative;
	float: left;
	width: 25%;
	height: 0;
	padding-top: 25.25%;
}
ul.Newswrap li img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%;
	height: 100%;
}
ul.Newswrap li .box {
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	background: #000;
	width: 100%;
	height: 100%;
}
ul.Newswrap li a {
	text-decoration: none;
}
ul.Newswrap li a div {
	padding: 20px;
	color: #fff;
	margin-top: 10%;
	display: block;
	text-align: left;
}
ul.Newswrap li a div .number {
	font-size: 55px;
	font-weight: bold;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	line-height: 45px;
}
ul.Newswrap li a div .day {
	margin-bottom: 20px;
}
ul.Newswrap li a div .icon img {
	position: relative !important;
	max-width: 16px !important;
	width: 16px !important;
	height: 16px !important;
}
/* -------------------------
        otherPage
------------------------- */
.otherPageH {
	background: #fff;
}
.otherPage {
	padding-top: 120px;
}
/* -------------------------
        collections
------------------------- */
#collections .itemItems{
margin: 30px auto;
}

#collections1 .itemItems{
margin: 30px auto;
}
.selectBt {
}
.collectionsItems {
	width: 1000px;
	margin: 0 auto;
}
.collectionsItems:after {
	content: "";
	display: block;
	clear: both
}
.collectionsItems ul {
	margin-top: 30px;
}
.collectionsItems ul li {
	position: relative;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
	width: 24.24%;
	display: block;
	padding-top: 36.25%;
}



.collectionsItems ul li:nth-child(4n+1) {
	margin-left: 0px;
}
.collectionsItems ul li img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%;
	height: 100%;
}
.collectionsItems ul li .box, ul.loadArea li .box {
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	background: #000;
	width: 100%;
	height: 100%;
}
.collectionsItems ul li .box_r, ul.loadArea li .box_r {
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	display: block;

	width: 100%;
	height: 100%;

}
.collectionsItems ul li .box_r  span, ul.loadArea li .box_r  span{
	display: none;
}

.collectionsItems ul li a span, ul.loadArea li a span {
	color: #fff;
	margin-top: 45%;
	display: block;
}
.collectionsItems ul li a.hover_img {
}
.collectionsItems ul li a.hover_img img {
/* --transition:all 0.1s ease;*/
}
.collectionsItems ul li a:hover.hover_img img {
}




#collections .itemItems ul.loadArea {

margin-top: 30px;
  width: 100%!important;
  text-align: left;
margin: 0 auto;
}

#collections1 .itemItems ul.loadArea {

margin-top: 30px;
  width: 100%!important;
  text-align: left;
margin: 0 auto;
}

#collections .itemItems ul.loadArea li {
  position: relative;
  margin-left: 1.1%;
  margin-bottom: 10px;
  float: left;
  display: block;
  width: 23.8%;
  text-align: center;
}

#collections1 .itemItems ul.loadArea li {
  position: relative;
  margin-left: 1.1%;
  margin-bottom: 10px;
  float: left;
  display: block;
  width: 100%;
  text-align: center;
}




#collections .itemItems ul.loadArea li a {
	text-decoration: none;
	 text-align: center;

}
#collections .itemItems ul.loadArea li img {
	width: 100%
}

#collections .itemItems ul li a.hover_img {
	background-color: #000000;
	display: block;
}

#collections .itemItems ul li a.hover_img img {
/* --transition:all 0.1s ease;*/
}

#collections .itemItems ul li a:hover.hover_img img {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
}




#collections1 .itemItems ul.loadArea li a {
	text-decoration: none;
	 text-align: center;

}
#collections1 .itemItems ul.loadArea li img {
	width: 100%
}

#collections1 .itemItems ul li a.hover_img {
	background-color: #000000;
	display: block;
}

#collections1 .itemItems ul li a.hover_img img {
/* --transition:all 0.1s ease;*/
}

#collections1 .itemItems ul li a:hover.hover_img img {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
}




/* -------------------------
        items
------------------------- */



#items ul.nav {

        display:inline-block;
	margin: 20px auto;
	overflow: hidden;
}



#items ul.nav li {
	padding-bottom: 25px;
	line-height: 10px;
	float: left;
	margin-left: 10px;
}
#items ul.nav li:nth-child(6){
       /* display:none;*/
}


#items ul.nav li a.active {
	border-bottom: solid 5px #000;
}
#items ul.nav li a.now {
	border-bottom: solid 5px #000;
}
#items ul.nav li a:hover {
	border-bottom: solid 5px #000;
}
#items ul.nav li:first-child {
	margin-left: 0px;
}
#items ul.nav li img {
	width: 80%;
}
.itemItems {
        max-width:1000px;
	width: 100%;
	margin: 0 auto;
}
.itemItems:after {
	content: "";
	display: block;
	clear: both
}
#items .itemItems ul.loadArea {
	margin-top: 30px;
	width: 100%;
  text-align: left;
}

#items .itemItems ul.loadArea li {
	position: relative;
	margin-left: 5px;

	margin-bottom: 10px;
	float: left;
	display: block;
	width: 23.80%;
	 text-align: center;
}



#items .itemItems ul.loadArea li a {
	text-decoration: none;
	 text-align: center;

}
#items .itemItems ul.loadArea li img {
	width: 100%
}

.itemItems ul li a.hover_img {
	background-color: #000000;
	display: block;
}
#items .itemItems ul li a.hover_img img {
/* --transition:all 0.1s ease;*/
}
#items .itemItems ul li a:hover.hover_img img {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
}
/* -------------------------
        stores
------------------------- */


#stores {
  overflow: hidden;
}
#stores .online ul {
list-style-type: none;
  width: 100%;
  margin: 40px auto;
  overflow: hidden;
  max-width: 1000px;

}
#stores h2 {
	margin-top: 80px;
	margin-bottom: 50px;
}
#stores .online ul li {
  vertical-align: top;
  text-align: left;
  width: 47%;

  float: left;
  
  padding-bottom: 5%;
  border-bottom: solid 1px #d2c7c0;



}
#stores .store dl dt {
	margin-bottom: 20px;
}
#stores .store dl dd {
	margin-bottom: 10px;
}
#stores .online ul li:first-child {
	margin-right: 5%;
}
#stores .online ul li h3 {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 21px;
	margin-bottom: 10px;
}
#stores .online ul li p {
	line-height: 1.8;
	margin-bottom: 20px;
}
#stores .online ul li p span{
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-weight:bold;
}

#stores .store ul {
	/*border: solid 5px #d2c7c0;*/
	max-width: 996px;
	width: 100%;

	margin: 20px auto;
	overflow: hidden;
	margin-top: 0px!important;
	/*background: #eaeaea;*/
}
#stores .store ul.nomap {
        width:48%;
	height: 180px;
        float:left;
}
#stores .store ul.nomap:nth-child(even) {
        margin-left: 3.5%;

}

#stores .store ul h3 {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 21px;
	margin-bottom: 10px;
}
#stores .store ul li {
max-width: 1000px;
	text-align: left;
	width: 100%;

	
}


#stores .store ul li.gtext {

	width: 30%;
	float: left;
	
}

#stores .store ul li dl{
/* width: 80%; */ 	
         padding: 20px;
}

#stores .store ul li.ggmap {
         
	width: 58%;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
        float:right;
}
#stores .store ul.nomap li {

  max-width: 100%;
}



#stores .online .apleBt ul{
  margin: 45px 0 0 0 ;

/* min-width: 220px; */ 
  

  display: flex;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
}

#stores .online .apleBt ul li {

  width: auto;
  border: none;
  margin: 0 5px 0 0;
  padding: 0;

}


.ggmap iframe, .ggmapr object, .ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* -------------------------
        about
------------------------- */
#about dd {
        max-width:1000px;
	width: 100%;
	text-align: left;
	margin: 40px auto;
	line-height: 1.8;
}
#about .text p {
	line-height: 25px;
	margin-bottom: 20px;
}
#about dd:last-child {
width: 70%;
	text-align: center;
        margin-top:60px;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border-style: none;
}
.back {
	margin: 1em;
}
/* -------------------------
        footer
------------------------- */
footer {
	width: 90%;
	margin: 0px auto 0px auto;
	background: #fff;
	z-index: 10000;
	z-index: 10;
	max-width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 20px 20px 0px 20px;
	position: relative;
	background: #fff;
}
.footer:after {
	content: "";
	display: block;
	clear: both
}
.footerwrap {
	overflow: hidden;
}
.footerwrapIndex {
	width: 85%;
	margin: 0px auto 0px auto;
	overflow: visible;
}
.footerOtherwrap {
	margin: 50px auto 0px auto;
	overflow: visible;
	height: 100px;
}
.footerbox {
	overflow: hidden;
}
.ftop {
	overflow: hidden;
	margin-bottom: 20px;
}
.ftop:after {
	content: "";
	display: block;
	clear: both
}
footer .left {
	text-align: left;
	width: 90%;
	float: left;
	padding-top: 10px;
}
footer .left ul {
	overflow: hidden;
	float: left;
	border-left: solid 5px #ccc;
	padding-left: 10px;
}
footer .left ul:first-child {
	border-left: none;
}
footer .left ul:nth-child(3){
	display:none;
	border-left: none;
}
footer .left ul li img{
	width:80%;
}
footer .left ul li {
	margin-right: 5px;
	padding-right: 0px;
	float: left;
	vertical-align: top;
}
footer .left ul li:last-child {
}
footer .left ul li.co {
	display: none;
        margin: 0;
        margin-top: 40px;
}

footer .left ul li:nth-child(3){
}
footer .left ul li.or{
	margin-left: 10px;
	padding-left: 10px;
	border-left: 5px solid #ccc;
}

.footerbox .left li.separate {
    display: none;
}

footer .right {
	text-align: right;
	width: 10%;
	float: right;
}
.copylight {
	font-size: 90%;
	text-align: left;
	margin-top: 20px;
	padding-left: 10px;
}

.footerbox .left li.fa img,
.footerbox .left li.in img,
.footerbox .left li.or img {
     width: 24px;
     margin: 0 4px;     
}

/* -------------------------
        footer top
------------------------- */


.topFoote.top {
	width: 85%;
	margin: 50px auto;
	background: #fff;
}
.topFoote:after {
	content: "";
	display: block;
	clear: both
}
.topFoote .footerwrap {
	overflow: visible;
}
.topFoote .left {
	text-align: left;
	width: 90%;
	float: left;
	padding-top: 10px;
}
.topFoote .left ul {
	overflow: hidden;
	float: left;
	border-left: solid 5px #ccc;
	padding-left: 10px;
}
.topFoote .left ul:first-child {
	border-left: none;
}
.topFoote .left ul li {
	margin-right: 5px;
	padding-right: 10px;
	float: left;
	vertical-align: top;
}

.bg {
	height: 0;
	padding-top: 66.666%; /* 500px÷750px×100=66.666...% */
	background: url("http://www.kadina.com.cn/img/img_002.jpg") no-repeat center;
	background-size: contain;
}


@media screen and (max-width: 700px) {
#mainTop {
	
}
/* pagetop */
.pagetop {

	bottom: 30px;

}

/* container */

#container {
	
	max-width: 700px;
	width: 100%;
}
header{

  height: 80px;
}


header.otherPageH div:first-child {
	margin-top: 5px;
}
.otherPage {
	padding-top: 80px;
}

.pageTit {
  margin-top: 50px;
  margin-bottom: 10px;
}
.pageTit_pl {
  margin-top: 30px;
  margin-bottom: 10px;
}
/* -------------------------
         pageTit 
------------------------- */
.pageTit {

    width:100%
}
.pageTit_pl img{
  max-width:107px;
    width:30%
}
#collections .pageTit_pl img{
  max-width: 254px;
  width: 50%;

}

#collections1 .pageTit_pl img{
  max-width: 254px;
  width: 50%;

}

/* -------------------------
         global menu
------------------------- */
header h1 {
	margin-top: 5px;
}
header h1 img,header div:first-child img{
       max-width:660px;
       width: 45%;
  margin-top: 5px;
}
header #toggle img{
       width:80%;
}
header #toggle {
	display: block;
	position: absolute;
	top: 15px;
	right: 10px;
}
ul.close li{

  padding: 20px 35px 0px 0px !important;

}


/* -------------------------
         mainImg
------------------------- */
.mainImg {
	width: 100%x;
	height: 100%;
	vertical-align: bottom;
}
.mainImg img {
	width: 100%;
        
        max-width:700px;
        margin-top: 0px; 
}

#mainImgs{
  z-index: -2;
  max-width: 1000px;
  width: 100%x;
  height: 100%;
  vertical-align: bottom;
}


#mainImgwrap{
    max-width: 1000px;
  margin: 20px auto;
  /* height: 350px; */
  margin-top: -20px;
  padding-top: 100px;
  /* margin-bottom: 20px; */
  z-index: -2;
height:100%;
}
#mainImgwrap img{

        max-width:700px;

 

	width: 100%;

        margin-top: 0px; 


}

/* -------------------------
         section
------------------------- */

#items, #collections, #stores, #about{
        width: 100%;
        
        max-width:700px;
}
#items, #collections1, #stores, #about{
        width: 100%;
        
        max-width:700px;
}
/* -------------------------
         stores
------------------------- */

#stores .store ul {
  height: auto; 
  margin: 40px auto;
 
}
#stores .store ul li {

  padding: 0; 
}
img.onlineBt{
   max-width:168px;
   width: 50%;
}



#stores .online ul li:first-child{
  margin-right: 8%; 
}



#stores h2 {

	margin-top: 50px;
	margin-bottom: 50px;
}
.online h2 img{
   width: 23%;

}


.store h2 img{
   width: 20%;

}


#stores .store ul.nomap {
        width:85%;
	height: 180px;
        float:none;
}
#stores .store ul.nomap:nth-child(even) {
        margin: 40px auto

}


#stores .online ul li {

  width: 85%;
  float: none;
  padding-bottom: 5%;

  margin: 20px auto;
}

#stores .online .apleBt ul{
   min-width: 220px;
  max-width: 320px;
  margin: 0 auto;
  display: table;
  width: 100%;

}
#stores .store ul li.gtext {

	width: 100%;
	float: none;

}
#stores .online .apleBt ul li {

  width: initial;
  border: none;
  display: table-cell;
  margin-left: 0px;
  padding-right: 10px;

 
}





#stores .store ul {


	width: 85%;

}
#stores .store ul.nomap {
		height: auto;
}

#stores .store ul li {
	text-align: left;
	width: 100%;
	float: left;
	padding: 0;
}



#stores .store ul li.ggmap {
	width: 100%;

  padding-bottom: 79.25%;
	height: 0;

        float:none;
}
#stores .store ul.nomap li {

  max-width: 100%;
}

#stores .store dl dt{
margin-bottom: 10px;

}

#stores .store dl dd{
  margin-bottom: 20px;
}

/* -------------------------
         item
------------------------- */
.itemItems {
	width: 100%;
	margin: 0 auto;
}
.itemItems {
      width: 100%;
}
#items ul.nav {
 /* width: 80%;*/
  
     max-width: 320px;
     margin: 20px auto;
     overflow: hidden;

}
#items ul.nav li {
 
	padding-bottom: 25px;
	line-height: 10px;
        display: inline-block;
         float:none;
	margin-left: 10px;
}

#items ul.nav li:nth-child(5),#items ul.nav li:nth-child(6){
 max-width: 50%;
}


#items ul.nav li:nth-child(5){
       	padding-left:0px;
}


#items ul.nav li:nth-child(6){
       /* display:none;*/
}

#items .itemItems ul.loadArea {
  margin: 0 auto;
	width: 90%;
}

#items .itemItems ul.loadArea li {

  margin-left: 15px;

  float: left;
 
  width: 44%;
}

/* -------------------------
         collections
------------------------- */
#collections .itemItems{
margin: 30px auto;
}
#collections  .pageTit img{
    max-width: 254px;
  width: 45%;
}

#collections .itemItems ul.loadArea {
  width: 95.5%!important;
  text-align: left;
}

#collections .itemItems ul.loadArea li {
 margin-top: 11px;
   margin-left: 4.3%;
  margin-right: 6px;

  width: 43%;
}



#collections1 .itemItems{
margin: 30px auto;
}
#collections1  .pageTit img{
    max-width: 254px;
  width: 45%;
}

#collections1 .itemItems ul.loadArea {
  width: 95.5%!important;
  text-align: left;
}

#collections1 .itemItems ul.loadArea li {
 margin-top: 11px;
   margin-left: 4.3%;
  margin-right: 6px;

  width: 43%;
}


/* -------------------------
         about
------------------------- */
.itemCat{

}

#detail p{
    display:block;
    width:100%
}
#detail p img{

  max-width:222px;
    width:60%
}


#about dl{
   width:100%;
   
}

#about dd {
   width: 90%;
   
}
#about dd.img1,#about dd.img2{
   width: 100%;
   
   

}
#about dd.img2 {
      
}


#about dd.img {
  display: table;
  vertical-align: middle;
}

#about dd:last-child{


}

/* -------------------------
         index
------------------------- */

body.index {
	height: 100%;
}
#mainTop {
	position: relative;
	height: inherit;
}
/* index main */
.indexMain {
	vertical-align: bottom;
	position: relative;
	top: 0px;
}


/* index nav */



.indexMain, .indexCollection, .indexItem, .indexStore, .indexAbout {
 margin-top: 0px;
  display: block;
  width: 100%;
  /* max-width: 700px; */
  max-height: 1200px;
  
  height: auto;
  /* padding-top: 15%; */
}

.indexMain {
	background-image: url("../images/index/indexMain_sp.jpg");
	background-position: center top;
	background-repeat: no-repeat;
-webkit-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto

}
.indexMain:before {
  content:"";
  display: block;
  padding-top:152%;
  
}

.indexCollection {
	background-image: url("../images/index/concep-s.jpg");
	background-position: center top;
	background-repeat: no-repeat;
-webkit-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto

}
.indexCollection:before {
  content:"";
  display: block;
  padding-top:119%;
  
}



.indexItem {
	background-image: url("../images/index/recommend-s.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-position: center top;
	background-repeat: no-repeat;
-webkit-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto
}
.indexItem:before {
  content:"";
  display: block;
  padding-top:119%;
  
}


.indexStore {
	background-image: url("../images/index/fashion-s.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-position: center top;
	background-repeat: no-repeat;
-webkit-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto
}

.indexStore:before {
  content:"";
  display: block;
  padding-top:145%;
  
}

.indexAbout {
	background-image: url("../images/index/collections-s.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-position: center top;
	background-repeat: no-repeat;
-webkit-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto
}
.indexAbout:before {
  content:"";
  display: block;
  padding-top:93%;
  
}



/* link */

.indexCollection div img, .indexItem div img, .indexStore div img, .indexAbout div img {
   	width: 80%;
}

.indexCollection div, .indexItem div, .indexStore div, .indexAbout div {
  padding-top: 0;
  width: 80%;
  height: auto;
  margin: 0 auto;
  display: block;
  min-width: 285px;
  vertical-align: middle;
}
.indexCollection a, .indexItem a, .indexStore a, .indexAbout a {
	border-style: none;
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	min-width: 220px;
	margin-left: 0px;
  margin-top: -94%;
}
.indexCollection a:hover img, .indexItem a:hover img, .indexStore a:hover img, .indexAbout a:hover img {
	margin-top: 0;
}
/* News */


.indexNews {
	
	max-width: 700px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-bottom: 20px;
	padding-top: 0px;
	box-sizing: border-box;
}
.indexNews .Tit h2 {
	margin-bottom: 10px;
}
.indexNews .Tit {
	margin-bottom: 20px;
}
.indexNews:after {
	content: "";
	display: block;
	clear: both
}
ul.Newswrap {
	width: 100%;
	box-sizing: border-box;
	padding: 0 10px;
	margin-top: 30px;
	margin: 0 auto;
}
ul.Newswrap:after {
	content: "";
	display: block;
	clear: both
}
ul.Newswrap li {
	position: relative;
	float: left;
	width: 50%;
	height: 0;
	padding-top: 50%;
}
ul.Newswrap li img {
	max-width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
ul.Newswrap li a {
	background: none transparent;
}
ul.Newswrap li a div {
	display: none;
}
/* -------------------------
        footer
------------------------- */

footer {
	display: block;
	width: 100%;
	margin: 0px auto;
	background: #fff;
	text-align: center;
	padding: 0;
}
.footerOtherwrap {
	width: 100%;
	margin: 0px auto 0px auto;
	overflow: visible;
	height: auto;
}
.footer:after {
	content: "";
	display: block;
	clear: both
}
.footerbox {
}
.ftop {
	overflow: hidden;
	margin-bottom: 20px;
}
.ftop:after {
	content: "";
	display: block;
	clear: both
}

.footerbox .left {
	display: block;
	width: 100%;
      margin: 0;
      padding: 0;
	text-align: center;
}
.footerbox .left ul {
    display:table;
  width: 100%;

  font-size: 0;
  border: none;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}
.footerbox .left ul li {
    display: inline-block;
  padding: 0;
  margin: 0;
  float: none;
  margin-right: 10px;
}
.footerbox .left li.or {
	padding-right: 0px;
}

.footerbox .left li.separate {
    display: none;
}

.footerbox .left li.or {
	padding-left: 15px;
	border-left: 4px solid #ccc;
}
.footerbox .left li img {
    width: auto;
    height: auto;
    max-height: 30px;
}

.footerbox .left li.fa img,
.footerbox .left li.in img,
.footerbox .left li.or img {
    width: auto;
    height: auto;
    margin: 0;
    max-height: 30px;
    
}

.footerbox .left li.sp img,
.footerbox .left li.it img,
.footerbox .left li.go img {
	
/* max-height: 15px; */
}

.footerbox .right {
	margin-top: 40px;
	text-align: center;
	width: 100%;
	float: right;
}
.footerbox .right img{
	width: 15%;
}
.copylight {
	font-size: 90%;
	text-align: center;
	margin-top: 30px;
	padding-left: 10px;
}

.img01 {
	height: 0;
	padding-top: 69.531%; /* 445px÷640px×100=69.531...% */
	background: url("http://www.kadina.com.cn/img/img_003_sp.jpg") no-repeat center;
	background-size: contain;
}
.img01 img {
	display: none; 
}


}

@media screen and (max-width: 500px) {
    .footerbox .left ul li {
        display: table-cell;
        padding: 0 4px;
    }
    .footerbox .left li img {
        height: auto;
        width: auto;
    }

    .footerbox .left li.separate {
        padding: 0;
        width: 16px;
        display: table-cell;
        vertical-align: middle;
        background:url("../images/common/f-border.png") repeat-y left;
        background-size: 24px 24px;
        -webkit-background-size: 24px 24px;
        -moz-background-size: 24px 24px;
        -ms-background-size: 24px 24px;
    }

    .footerbox .left li.or {
        border: none;
        padding: 0 4px;
    }

.footerbox .left li.fa img,
.footerbox .left li.in img,
.footerbox .left li.or img {
    width: auto;
    height: auto;
    margin: 0;
    max-height: 30px;
}

    /* IE 10,11 */
    @media screen and (max-width: 500px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .footerbox .left li img:not(:target) {
          width: 100%;
          height: 100%;
      }
    }