@charset "UTF-8";
/* CSS Document */


@media screen and (max-width:1010px) {
	.all_width {
	min-width: 300px;
	}
	.foot {
		display: none;
		}
	.phone_light {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 99;
		top: 0px;
		left: 0px;
		background: url(../images/light_box_bg.png);
		display: none;
		}
.head {
	width:100%;
	height:auto;
	min-height:66px;
	border-bottom:1px #e2e2e2 solid;
	background: url(../images/pc_hd_bg_center.png) no-repeat center top #fefefe;
	background-size: 100% auto;
	position:fixed;
	left:0px;
	top:0px;
	z-index:9999;
	}
	.logo {
		display:block;
		width:94px;
		height:42px;
		float:none;
		padding:12px 20px;
		}
		.logo img {
			width:94px;
			}
	.menu {
		display: block;
		width: 100%;
		height: auto;
		background: #f8f8f8;
		border-top: 1px #e2e2e2 solid;
		padding-bottom:68px;
		display: none;
		}

	.menu li {
		width:90%;
		float:none;
		height:56px;
		text-align:center;
		margin: 0px auto;
		border-bottom: 1px #e2e2e2 dashed;
		line-height: 56px;
		padding: 0px;
		}
	.menu li a {
		display: block;
		}
	.menu a:hover {
		color:#340a60;
		}
	.sns {
		display: none;
		width: 252px;
		height:24px;
		padding:21px;
		float: none;
		position: absolute;
		bottom: 11px;
		left: 55%;
		margin-left: -116px;
		}
		.sns li {
			float:left;
			width:44px;
			height:44px;
			padding:0px 10px;
			}
	.sns a {
		display: block;
		width: 24px;
		padding: 10px;
		}
		
	.menu_web {
		display:none;
		width: 100%;
		height: auto;
		background: #f8f8f8;
		border-top: 1px #e2e2e2 solid;
		padding-bottom:68px;
		display: none;
		}

	.menu_web li {
		width:90%;
		float:none;
		height:56px;
		text-align:center;
		margin: 0px auto;
		border-bottom: 1px #e2e2e2 dashed;
		line-height: 56px;
		padding: 0px;
		}
	.menu_web li a {
		display: block;
		}
	.menu_web a:hover {
		color:#340a60;
		}
	.sns_web {
		display: none;
		width: 252px;
		height:24px;
		padding:21px;
		float: none;
		position: absolute;
		bottom: 11px;
		left: 55%;
		margin-left: -116px;
		}
		.sns_web li {
			float:left;
			width:44px;
			height:44px;
			padding:0px 10px;
			}
	.sns_web a {
		display: block;
		width: 24px;
		padding: 10px;
		}
		
	.phone_btn {
		width:66px;
		height: 66px;
		position: absolute;
		right: 0px;
		top: 0px;
		cursor: pointer
		}
		.pb_open,.pb_closed {
			width: 66px;
			height: 66px;
			position: absolute;
			left: 0px;
			 top: 0px;
			}
			.pb_open {
				background: url(../images/phone_menu.png) no-repeat center center;
				background-size: 27px 27px;
				 }
			.pb_closed {
				background: url(../images/phone_menu_closed.png) no-repeat center center;
				background-size: 27px 27px;
				display: none;
				 }
	
/*--------------------------collection--------------------------*/
.c_catalog {
	width: 100%;
	position: relative;
	padding-bottom: 20px;
	}
	.c_catalog li {
		width: 100%;
		margin: 0px auto;
		float: none;
		padding-bottom:20px;
		}
		.c_catalog ul {
			display: flex;
			flex-direction:  column ;
		}
		/* .c_catalog li.fr { float: right;}
		.c_catalog li.fl { float: left;} */
		.c_catalog li:nth-of-type(1){-webkit-order:3;}
		.c_catalog li:nth-of-type(2){-webkit-order:1;}
		.c_catalog li:nth-of-type(3){-webkit-order:2;}
		.cc_img {
			width: 90%;
			height: auto;
			overflow: hidden;
			padding: 5px;
			border: 1px #ceb89a solid;
			background: #fff;
			margin: 0px auto;
			}
			.c_catalog a:hover .cc_img {
				background: #ceb89a;
				}
			.cc_img img {
				width: 100%;
				}

.c_item {
	width:100%;
	background: #f8f8f8;
	padding-bottom: 20px;
	}

	.ci_s {
		width: 50%;
		height: auto;
		overflow: hidden;
		position: relative;
		z-index: 1;
		}
		
	.ci_b {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		z-index: 1;
		}
	.c_item li {
		padding: 2px 0px;
		}
	.ml {
		float: left;
		margin-right: 0px;
		}
	.c_item a  {
		display: block;
		width: auto;
		height: auto;
		}
		
		.ci_s a {
			width: 98%;
			margin: 0px auto;
			}
	.c_item ul {
		padding-left:0px;
		}
		.clear_h {
			height: 0px !important;
			}

/*--------------------------collection list--------------------------*/

	.left_menu {
		width: 100%;
		float: none;
		}
		.left_new , .left_item {
			width: 100%;
			margin-bottom:30px;
			}

			.ccl_list li {
				font-size: 12px;
				color: #999;
				border-bottom: 1px #bebebe dashed;
				padding: 0px;
				}
			.ccl_list a {
				display: block;
				padding: 15px 0px;
				color:#999;
				}

			.left_banner {
				display: block;
				width: 100%;
				height: 150px;
				border: 1px #fff solid;
				overflow: hidden;
				position: relative;
				margin-bottom:2px 
				}
				.left_banner img {
					width: 100%;
					position: absolute;
					top: 50%;
					margin-top: -100%
					}
	.right_list {
		width: 100%;
		float: none;
		}
		.right_list a {
			width: 50%;
			float: left;
			margin:0px;
			padding: 2px 0px;
			}
			.right_list a img {
				width: 98%;
				margin: 0px auto;
				}
/*--------------------------collection inner--------------------------*/

	.history a {
		padding: 0px 10px;
		background: url(../images/icon_dline.png) no-repeat right center;
		color: #999;
		font-size: 12px;
		}


.collection_intruce {
	width: 100%;
	position: relative;
	z-index: 1;
	background: #fff;
	padding: 10px 0px;
	}
	.ci_bphoto {
		width: 100%;
		max-width: auto;
		float: none;
		}
		.ci_bphoto .pagination {
			display:block;
			}
		.ci_bphoto img {
			width: 100%;
			}
	.ci_inform {
		width: 100%;
		max-width: auto;
		float: none;
		position: relative;
		z-index: 1;
		}
		.ci_inform li {
			width: 90%;
			max-width: auto;
			min-width: auto;
			margin: 0px auto;
			}
		
	.tabs {
		display: none;
		}

.ci_banner {
	padding: 20px 0px 10px 0px;
	}
.ci_banner a {
	display: block;
	width: 100%;
	margin: 0px auto;
	border: 1px #fff solid;
	overflow: hidden;
	}

		
/*--------------------------coordinate --------------------------*/

.coordinate {
	width: 100%; 
	bottom: 0px;
	position: relative;
	border-bottom: 2px #fff solid;
	z-index: 1;
	}
	.coordinate img {
		width: 100%;
		position: relative;
		z-index: 1;
		}
	.coordinate span {
		display: block;
		width: 90%;
		min-width: 0px;
		position: relative;
		bottom: auto;
		margin: 0px auto;
		padding: 20px 0px;
		z-index: 9;
		}
		.cd_leftt {
			left: 0px;
			padding-left: 0px;
		}
		.cd_rightt {
			right: 0px;
			padding-right: 0px;
		}

		.s_cd {
		color: #666;
		}
		.s_cd strong {color: #340a60;background: url(../images/icon_rj_1.png) no-repeat 100px 28px;background-size:4px 9px;}

			
.light_box {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 5;
	background: url(../images/light_box_bg.png);
	display:none;
	}
	.btn_closed {
		width: 28px;
		height: 29px;
		position: absolute;
		right: 15px;
		top: 81px;
		z-index: 9;
		cursor: pointer;
		}
		.btn_closed img {
			width: 100%;
			}
	.light_b1 ,.light_b2,.light_b3,.light_b4 {
		width: 90%;
		height: auto;
		top: 66px;
		bottom: 0px;
		position: absolute;
		left: 5%;
		margin-left: 0px;
		margin-top: 0px;
		z-index: 1;
		display:none;
		overflow: scroll;
		padding-bottom: 10px;
		}
	.light_title {
		color: #fff;
		font-size: 30px;
		line-height: 60px;
		padding:60px 0px 60px 0px;
		margin-bottom: 30px;
		text-align: center;
		position: relative;
		}
		.light_title span {
			display: block;
			width: 30px;
			height: 2px;
			position: absolute;
			bottom: 0px;
			left:50%;
			margin-left: -15px;
			background: #fff;
			}
 	.cd_list a {
		display: block;
		width: 50%;
		height: auto;
		overflow: hidden;
		margin:2px 0px;
		float: left;
		}
		.cd_list img {
			width: 98%;
			}
/*--------------------------news inner--------------------------*/
.news_inner {
	width:100%;
	min-height: 100%;
	background: #f8f8f8;
	padding-bottom: 30px;
	}

	.news_inner_test {
		padding: 10px;
		background: #fff;
		margin: 20px 0px;
		}
		.nb_photo {
			width: 100%;
			padding: 0px;
			position:relative;
			box-shadow: none;
			margin-bottom: 10px;
			float: none;
			}

		.nb_text {
			float: none;
			padding: 0px;
			}
		.nb_text strong {
			display: block;
			padding: 15px 0px;
			font-size:16px;
			color: #111;
			}

/*--------------------------store--------------------------*/

.store_box {
	top: auto;
	bottom: auto;
	width: 100%;
	position: relative;
	right: 0px;
	z-index: 9;
	background: #fff;
	overflow: auto;
	}
	.store {
		width: 90%;
		margin: 0px auto;
		}
	
.store_photo {
	position: relative;
	top: auto;
	bottom: auto;
	left:0px;
	right: auto;
	padding-top:66px;
	z-index: 1
	}
	.store_photo .all_kv,.store_photo .device,.store_photo .swiper-container {
		height: 220px;
		}
		.store_photo .kv_bg {
			height: 100%;
			width: auto;
			}

		
/*--------------------------brand--------------------------*/
.brand {
	position: absolute;
	width: 100%;
	top: 66px;
	bottom: 0px;
	z-index: 1
	}
	.brand .all_kv,.brand .device,.brand .swiper-container {
		height: 100%;
		}
	.brand .title {
		position: absolute;
		left: 5px;
		z-index: 1;
		color: #333;
		top: -10px;
		}
	.brand_1 {
		width: 100%;
		height: 100%;
		background:url(../images/brand_bg1.jpg) no-repeat left top #fbf9f5;
		background-size: 100% auto;
		}

		.brand_text {
			width: 90%;
			height: auto;
			top: 40px;
			bottom: 0px;
			position: absolute;
			z-index: 9;
			left: 5%;
			}

		.b_logo {
			width: 100%;
			top: 20px;
			bottom: 110px;
			overflow: hidden;
			position: absolute;
			}

		.b_text {
			width: 100%;
			height: auto;
			border-left: 0px;
			padding-left: 0px;
			position: absolute;
			left: 0px;
			margin-left: 0px;
			bottom: 10px;
			}
			

		.story {
			background: url(../images/story_bg.png) ;
			width: 270px;
			height: auto;
			position: absolute;
			top: 45%;
			margin-top: -100px;
			left: 50%;
			margin-left:-150px;
			padding: 20px 15px;
			}
			.story .fl {
				float: none;
				width: 100%;
				font-size: 30px;
				color: #111;
				line-height: 36px;
				padding-right:0px;
				}
				.story .fl span {
					display:inline;
					}
			.story .fr {
				width: 100%;
				color: #333;
				padding-top:15px;
				float: none;
				}
	
	.brand_3 {
		width:100%;
		height: 100%;
		position: relative;
		background:url(../images/brand_bg2.jpg) no-repeat  center top;
		background-size: auto 100%;
		}
		.design {
			position: absolute;
			width: 94%;
			text-align: center;
			color: #111;
			height: 90px;
			left: 4%;
			margin-left: 0px;
			top: 50%;
			margin-top: -35px;
			font-size: 13px;
			line-height: 28px;
			}
	.brand_4 {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 1;
		background:url(../images/brand_bg3_phone.jpg) no-repeat center ;
		background-size:cover;
		}
		.jewel { 
		width: auto;
		padding: 10px;
		position: absolute;
		left: 0px;
		bottom:0px;
		z-index: 9;
		color: #333;
		background: url(../images/story_bg.png);
		}
		.jewel span {
			display: block;
			padding-bottom:15px;
			}

	.brand_5 {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 1;
		background: #f8f8f8;
		}
		.brand_5 .title {
			position: relative;
			padding: 10px 0px;
			top: 0px;
			}
		.method_photo {
			position: absolute;
			left: 3%;
			width: 96%;
			bottom: 230px;
			top: 40px;
			padding-top: 0px;
			z-index: 1;
			overflow: hidden;
			}
			.method_photo img {
				width: 100%;
				position: absolute;
				top: -50%;
				}
		.method_text {
			position: absolute;
			width: 96%;
			height: 41px;
			top: auto;
			margin-top: 0px;
			left: 2%;
			margin-left: 0px;
			right: 2%;
			z-index: 1;
			bottom: 170px;
			}
			
			.method_text .fl ,.method_text .fr {
				display: none;
				}
			.method_title {
				width: 310px !important;
				height: 41px;
				}
			.method_title img {
				height: auto;
				padding: 0px;
				width: 100%;
				}
			.method_text span {
				display: block;
				padding: 15px 0px;
				margin: 0px auto;
				}
			.method_text strong {
				display: block;
				color: #340a60;
				}
			.method_text li {
				width: 100%;
				}
				.phone_method_text {
					width: 96%;
					position: absolute;
					left: 3%;
					height: 150px;
					bottom: 5px;
					display: block;
					}
				.phone_method_text strong {
				display: block;
				color: #340a60;
				}
.brand .pagination {
			  position: absolute;
			  left: auto;
			  right: 15px;
			  top:15px;
			  width: 12px;
			}

			.brand .swiper-pagination-switch {
			  display: inline-block;
			  width: 12px;
			  height: 12px;
			  background: url(../images/tab_icon2.png) no-repeat;
			  background-size: 12px;
			  margin: 1px 0px;
			  cursor: pointer;
			}
			.brand .swiper-active-switch {
			  background: url(../images/tab_icon1.png) no-repeat;
			  background-size: 12px;
			}
		
	.swiper-nested-1, .swiper-nested-2 {
  width: 100%;
}
	.pagination-nested-2 {
		width: 100%;
		position: absolute;
		bottom: 0px;
		text-align: center;
		}
		.phone_method_text .swiper-slide  {
			height: 100%;
			}


			.pagination-nested-2 .swiper-pagination-switch {
			  display: inline-block;
			  width: 5px;
			  height: 5px;
			  background: #695545;
			  margin: 0 3px;
			  cursor: pointer;
			}
			.pagination-nested-2 .swiper-active-switch {
			  background: #968a7c;
			}
			
/*--------------------------index--------------------------*/
.index > div {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:transparent center no-repeat;
		background-size:cover;
	}

	.index > div:nth-child(1) {
	}

	.index > div:nth-child(2) {
		width: 100%;
		height: 100%;
		overflow:hidden;
		background: #fff;
		top:-10px;
	}
		.index_2 .index_2text {
			width: 100%;
			height: 186px;
			position: absolute;
			text-align: center;
			top: 75%;
			margin-top: -93px;
			bottom: 10px;
			}
			.index_2text img {
				width: 280px;
				margin: 0px auto ;
				}
			.index_2photo {
				width: 100%;
				height: 50%;
				position: absolute;
				right: 0px;
				overflow: hidden;
				background: url(../images/index_p2.jpg) no-repeat center center;
				background-size: auto 100%;
				}
				
.index_all_text {
	display:block;
	padding: 25px 0px;
	text-align: center;
	}
	.index > div:nth-child(3) {
		background: url(../images/index_p3_bg.jpg) no-repeat center center;
		background-size: auto 100%;
		
	}
	
	.index_3text {
		width: 94%;
		height: auto;
		position: absolute ;
		left: 3%;
		background: url(../images/phone_light.png);
		right: 3%;
		top: 50%;
		margin-top: -125px;
		padding:20px 0px;
		z-index: 9;
		}
	.index_3text img {
		width: auto;
		height: 50px;
		margin: 0px auto;
		}
		.index_3box {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0px;
			 top: 0px;
			 
			 }
		
		
	.index > div:nth-child(4) {
		background: url(../images/index_p4bg.png) #f8f8f8;

	}
	.index_4text {
		width:94%;
		height: 160px;
		position: absolute;
		left: 3%;
		top: auto;
		bottom:40px;
		margin-top: 0;
		}
		.index_4text img {
			width: auto;
			height: 20px;
			margin: 0px auto;
			}
.index_4photo {
	width: auto;
	height: auto;
	top: 10px;
	bottom: 230px;
	position: absolute;
	right: 10px;
	left: 10px;
	overflow: hidden;
	}
	.index_4photo li {
		width: 50%;
		}
		.index_4photo div {
			width: 94%;
			margin: 0px auto;
			overflow: hidden;
			}
			.index_4photo img {
				width: 100%;
				}
	.box {
		position:absolute;
		left:0;
		height:100%;
		background:#09f;
	}
.index_p1 .all_kv,.index_p1 .device,.index_p1 .swiper-container {
		height: 100%;
		}
		.index_p1 .kv_bg {
			width: auto;
			height: 100%;
			}
.knew_more {
	display:block;
	width: 60px;
	text-align: center;
	border-bottom: 1px #b29165 solid;
	color: #b29165;
	margin: 0px auto;
	}
	
	
	
/*----------------------------------------------*/
.index_3box div {
	position: absolute;
	}
	.index_3box img {
		width: 100%;
		}
	.ip_1 {
		width: 12%;
		left: 54%;
		}
	.ip_2 {
		width: 12%;
		left: 70%;
		}
	.ip_3 {
		width: 19%;
		left: 81%;
		overflow: hidden;
		}
		.ip_3 img{
		width: 236%;
		left: 0%
		}
	.ip_4 {
		width: 19%;
		left: 61%;
		
		}
	.ip_5 {
		width:73%;
		left: 2%
		}
	.ip_6 {
		width: 38%;
		left: 9%;
		}
	.ip_7 {
		width: 13%;
		left: 9%;
		}
	.ip_8 {
		width: 20%;
		left: 30%;
		}
		
.map_link {
	display: block;
	position: absolute;
	width:80%;
	height: 80%;
	top: 10%;
	margin-top: 0px;
	left: 10%;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	}
.phone_display {
	display: block;
	}
	.index_2_text_box {
		display: none;
		}
		
.wx_QRcord {
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	background:rgba(0,0,0,0.6);
	z-index:9999999;
	padding-top:20%;}
	.wx_QRcord div {
		width:320px;
		height:340px;
		margin:0 auto;
		padding:10px;
		border:1px solid #ccb998;}
		.wx_QRcord div img {
			width:100%;
			height:auto;}
	
.wQ_close {
	width:80px;
	height:80px;
	position:absolute;
	background: url(../images/close_btn.png) no-repeat;
	top:66px;
	right:0;
	display:none;}
	
.cd_see {
	width:100%;
	height:auto;
	position:absolute;
	bottom:5%;
	left:0;
	text-align:center;
	font-size:18px;
	color:#fff;
	background:url(../images/arrows_right.png)none;
	background-size:0 0;}
	}
	
@media screen and (max-width:736px) {
	
	.wx_QRcord {
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	background:rgba(0,0,0,0.6);
	z-index:9999999;
	padding-top:50%;}
	.wx_QRcord div {
		width:50%;
		height:auto;
		margin:0 auto;
		padding:5px;
		border:1px solid #ccb998;}
		.wx_QRcord div img {
			width:100%;
			height:auto;}
	
.wQ_close {
	width:80px;
	height:80px;
	position:absolute;
	background: url(../images/close_btn.png) no-repeat;
	top:66px;
	right:0;
	display:none;}
	
.cd_see {
	width:100%;
	height:auto;
	position:absolute;
	bottom:5%;
	left:0;
	text-align:center;
	font-size:12px;
	color:#fff;
	background:url(../images/arrows_right.png)none;
	background-size:0 0;}
	
	.menu_web {
		display:none;
		width: 100%;
		height: auto;
		background: #f8f8f8;
		border-top: 1px #e2e2e2 solid;
		padding-bottom:68px;
		display: none;
		}

	.menu_web li {
		width:90%;
		float:none;
		height:56px;
		text-align:center;
		margin: 0px auto;
		border-bottom: 1px #e2e2e2 dashed;
		line-height: 56px;
		padding: 0px;
		}
	.menu_web li a {
		display: block;
		}
	.menu_web a:hover {
		color:#340a60;
		}
	.sns_web {
		display: none;
		width: 252px;
		height:24px;
		padding:21px;
		float: none;
		position: absolute;
		bottom: 11px;
		left: 55%;
		margin-left: -116px;
		}
		.sns_web li {
			float:left;
			width:44px;
			height:44px;
			padding:0px 10px;
			}
	.sns_web a {
		display: block;
		width: 24px;
		padding: 10px;
		}
	.text_pc {
		display: none;
		}
	.text_phone {
		display: block;
		}
		.arrow-right ,.arrow-left,.Shop_arrow-right,.Shop_arrow-left {
		display: none !important;
				}
	}