.handmade {
	font-size: 0
}

.silder-box{position:relative;margin:50px auto ;}
.silder{margin:0 auto 0;}
.silder li{width:230PX;height:260px;}
.silder li img{width:100%;height:100%;}
.silder-button{top:95px;width:25px;height:54px;position:absolute;cursor:pointer;}
.silder-button.btl{left:10px;background:url(../images/bl.png);}
.silder-button.btr{right:10px;background:url(../images/br.png);}

.silder-box-1{width:1425px;}
.silder-box-2{width:500px;}
.silder-box-2 .silder li {width:200px;height:200px;}
.silder-box-3{width:1000px;}
.small-navs{position:absolute;}

.btndiv {
	width: 100%;
	float: left;
	height: 28px;
	position: relative;
	top: 252px;
}

.btndiv strong {
	float: left;
	padding-left: 10px;
	padding-top: 4px
}

a.abtn {
	display: block;
	height: 22px;
	width: 24px;
	position: absolute;
	overflow: hidden;
	background: url(../images/btn.gif) no-repeat;
	text-indent: -999em;
	outline: 0
}

a.aleft {
	    right: 50%;
     margin-right: 15px;
	background-position: 0 -32px
}

a.agrayleft {
	cursor: default;
	background-position: 0 0
}

a.aright {
	right: 50%;
    margin-right: -40px;
	background-position: -34px 0
}

a.agrayright {
	cursor: default;
	background-position: -34px -32px
}

.uldiv {
	width: 325px;
	

	position: relative;


}

.scrollcontainer {
	width: 325px;
	height: 302px;
	overflow: hidden;
	position: relative;
	margin: 0 auto
}

.scrollcontainer ul {
	width: 20000px;
	position: absolute;
	left: 0;
	top: 0
}

.scrollcontainer li {
	width: 325px;
	height: 302px;
	float: left
}

.scrollcontainer li div {
	cursor: pointer;
	
}

.scrollcontainer li div:hover  div {
	color: #b83d3f!important;
}
.gzbtn {
	background: url(../images/btngz.gif) no-repeat;
	margin: 0 auto;
	width: 100px;
	height: 30px;
	display: block;
	border: 0;
	text-indent: -999em
}



.handmade .pro {
	width: 428px;
	height: 463px
}

.handmade .desc {
	width: calc(100% - 428px);
	padding: 65px 70px
}

.handmade .desc br {
	font-size: 12px
}

.handmade .desc h3 {
	font-size: 20px;
	margin-bottom: 30px
}

.handmade .desc p {
	font-size: 14px;
	line-height: 24px
}

.handmade-content {
	background: #fff;
	position: relative
}

.handmade-item {
	margin: 80px auto 80px;
	position: relative
}

.handmade-item.scroll-watch-in-view .line {
	width: 100%
}


.handmade-item.scroll-watch-in-view .handmade-list {
	opacity: 1;
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none
}

.handmade-item .line {
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	background: #dadbdc;
	height: 1px;
	transition: ease 1.4s;
	-ms-transition: ease 1.4s;
	-o-transition: ease 1.4s;
	-webkit-transition: ease 1.4s;
	-moz-transition: ease 1.4s
}

.handmade-list {
	cursor: pointer;
	width: 25%;
	text-align: center;
	display: inline-block;
	opacity: 0;
	transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transition: cubic-bezier(.4,0,.2,1) 1.5s;
	-ms-transition: cubic-bezier(.4,0,.2,1) 1.5s;
	-o-transition: cubic-bezier(.4,0,.2,1) 1.5s;
	-webkit-transition: cubic-bezier(.4,0,.2,1) 1.5s;
	-moz-transition: cubic-bezier(.4,0,.2,1) 1.5s
}

.handmade-list:nth-child(2) {
	transition-delay: .6s
}

.handmade-list:nth-child(3) {
	transition-delay: .8s
}

.handmade-list:nth-child(4) {
	transition-delay: 1s
}

.handmade-list:nth-child(5) {
	transition-delay: 1.2s
}

.handmade-list.this i {
	box-shadow: inset 0 0 0 8px #bc1717
}

.handmade-list.this p {
	color: #bc1717
}

.handmade-list i {
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-bottom: 16px;
	position: relative;
	top: -4px;
	background: #96989b;
	box-shadow: inset 0 0 0 0 #8b8b8a;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg)
}

.handmade-list p {
	font-size: 16px;
	color: #96989b
}

.handmade-content-list {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	visibility: hidden;
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s
}

.handmade-content-list.this {
	opacity: 1;
	visibility: visible;
	position: relative
}

.master {
	overflow: hidden;
	padding-bottom: 140px;
	background: url(../images/master-bg.jpg) no-repeat center;
	background-attachment: fixed;
	background-size: cover
}

.master .inside_title {
	color: #fff
}

.master-item {
	font-size: 0
}

.master-item br {
	font-size: 12px
}

.master-list {
	display: inline-block;
	width: 33.33%;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent
}

.master-list:nth-child(2) {
	transition-delay: 150ms
}

.master-list:nth-child(3) {
	transition-delay: 350ms
}

.master-list .desc {
	color: #f7f8f8;
	padding: 34px 34px 44px;
	background: #333f50
}

.master-list .desc p {
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 10px
}

.master-list .desc span {
	display: block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 24px;
	font-weight: lighter
}

.master-list .desc span:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: #f7f8f8;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	margin-right: 10px
}

.spirit {
	padding-bottom: 140px
}

.spirit .desc {
	font-size: 0;
	border: 1px solid #d2d2d2
}

.spirit .desc br {
	font-size: 12px
}

.spirit .desc>div {
	font-size: 14px;
	display: inline-block;
	padding: 0 60px;
	line-height: 24px;
	width: calc(100% - 534px);
	vertical-align: middle
}

.art .inside_title {
	margin-bottom: 40px
}

.art .desc {
	text-align: center;
	font-size: 14px;
	line-height: 40px
}

.art .pro {
	margin: 85px 0 145px
}

.art_master {
	background: url(../images/master-bg2.jpg) no-repeat center;
	background-attachment: fixed;
	background-size: 110%
}

.art_style {
	background: #fff;
	overflow: hidden;
	padding-bottom: 163px
}

.product-item {
	font-size: 0
}

.product-warrper {
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s
}

.product-list {
	display: inline-block;
	width: 33.33%;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	text-align: center;
	margin-bottom: 10px
}

.product-list:nth-child(2) {
	transition-delay: .1s
}

.product-list:nth-child(3) {
	transition-delay: .2s
}

.product-list:hover .product-warrper {
	background-color: #f1f1f1
}

.product-list:hover .more {
	background-color: #bc1717
}

.product-list:hover .more a {
	color: #fff
}

.product-list .desc {
	padding: 0 35px
}

.product-list .desc span {
	display: inline-block;
	font-size: 20px;
	position: relative;
	margin-top: 6px
}

.product-list .desc span:before {
	content: '';
	position: relative;
	display: block;
	background: #a9b6c4;
	width: 100%;
	height: 1px;
	top: -4px
}

.product-list .desc span:after {
	position: relative;
	display: block;
	content: '';
	background: #a9b6c4;
	width: 100%;
	height: 1px;
	bottom: -6px
}

.product-list .desc strong {
	letter-spacing: 1px;
	font-size: 20px;
	font-weight: 400;
	margin: 20px 0 15px;
	display: inline-block
}

.product-list .desc p {
	font-size: 14px;
	line-height: 26px;
	margin: 35px 0 30px
}

.product-list .more {
	display: inline-block;
	margin-top: 0;
5	margin-bottom: 55px;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.product-list .more a {
	padding: 6px 67px;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.product-warrper {
	border: 1px solid #dfdfdf
}

.profile {
	text-align: center;
	padding: 85px 0
}

.profile .inside_title {
	margin: 0 0 45px 0
}

.profile .desc {
	line-height: 36px;
	font-size: 14px
}

.history {
	text-align: center;
	padding: 108px 0 175px
}

.history .inside_title {
	color: #fff;
	margin: 0 0 45px 0
}

.history .desc {
	color: #fff;
	line-height: 36px;
	font-size: 14px
}

.history-item {
	font-size: 0;
	margin: 70px 0;
	position: relative
}

.history-line {
	position: absolute;
	border-left: 1px dashed #dadada;
	height: calc(100% - 80px);
	left: 112px;
	top: 40px;
	z-index: 0
}

.history-list {
	position: relative;
	z-index: 1
}

.history-list.cur p {
	background: #dfdfdf
}

.history-list.cur i {
	background: #bc1717
}

.history-list span {
	font-size: 20px;
	width: 68px;
	word-wrap: break-word
}

.history-list i {
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	background: #dadada;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	margin: 0 0 0 42px;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.history-list p {
	font-size: 14px;
	line-height: 26px;
	width: calc(100% - 120px);
	padding: 30px 30px 30px 50px;
	position: relative;
	left: -5px;
	z-index: -1;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.distribution {
	text-align: center;
	padding: 70px 0 209px
}

.distribution .inside_title {
	color: #fff;
	margin: 0 0 45px 0
}

.distribution .desc {
	color: #f7f8f8;
	line-height: 36px;
	font-size: 14px
}

.honor .inside_title {
	margin: 90px 0 30px
}

.honor .desc {
	text-align: center
}

.honor .desc p {
	font-size: 14px;
	line-height: 36px
}

.honor-item {
	font-size: 0;
	margin: 60px 0 100px
}

.honor-list {
	cursor: pointer;
	display: inline-block;
	width: 25%;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	margin-bottom: 22px;
	position: relative
}

.honor-list:hover p {
	color: #fff;
	background: #bc1717
}

.honor-list:hover .hover {
	height: 325px
}

.honor-list.define-dashed.hack p {
	border: 1px dashed #bc1717
}

.honor-list p {
	text-align: center;
	font-size: 16px;
	color: #bc1717;
	width: 100%;
	padding: 20px 0;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.honor-list .hover {
	position: absolute;
	bottom: 60px;
	left: 0;
	overflow: hidden;
	background: #bc1717;
	transition: height ease .6s;
	-ms-transition: height ease .6s;
	-o-transition: height ease .6s;
	-webkit-transition: height ease .6s;
	-moz-transition: height ease .6s;
	height: 0
}

.honor-list .hover .pro {
	width: 233px;
	height: 305px
}

.honor-list .hover-warpper {
	padding: 10px
}

.culture {
	padding: 138px 0 150px
}

.culture .desc {
	text-align: left;
	margin-left: 75px
}

.culture .inside_title {
	text-align: left;
	margin: 0 0 32px
}

.culture .intro {
	font-size: 14px;
	line-height: 32px
}

.original {
	text-align: center;
	padding: 120px 0 133px
}

.original .inside_title {
	color: #fff;
	margin-top: 0;
	margin-bottom: 45px
}

.original .desc {
	font-size: 14px;
	color: #fff;
	line-height: 32px
}

.aptitude {
	padding-bottom: 125px
}

.aptitude .inside_title {
	margin-bottom: 0
}

.aptitude .desc {
	text-align: center;
	margin: 35px 0 45px;
	font-size: 14px;
	line-height: 30px
}

.competition {
	height: 531px;
	overflow: hidden
}

.competition .inside_title {
	color: #fff;
	margin-bottom: 50px
}

.competition .desc {
	text-align: center;
	font-size: 14px;
	color: rgba(247,248,248,.7)
}

.style .desc {
	width: 53%;
	top: 53%;
	transform: translate(-50%,-51%);
	-ms-transform: translate(-50%,-51%);
	-o-transform: translate(-50%,-51%);
	-webkit-transform: translate(-50%,-51%);
	-moz-transform: translate(-50%,-51%);
	text-align: left
}

.style .desc strong {
	line-height: 50px;
	font-size: 60px;
	font-weight: 400
}

.style .desc h2 {
	margin-top: 10px;
	font-size: 34px;
	font-weight: 700
}

.tab {
	background: #fff
}

.style-item {
	font-size: 0;
	margin: 50px 0;
  	text-align: center;
}

.style-list {
	display: inline-block;
	width: 11%;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

.style-list:nth-child(2) {
	transition-delay: .1s
}

.style-list:nth-child(3) {
	transition-delay: .2s
}

.style-list:nth-child(4) {
	transition-delay: .3s
}

.style-list:nth-child(5) {
	transition-delay: .4s
}

.style-list:nth-child(6) {
	transition-delay: .5s
}

.style-list:nth-child(7) {
	transition-delay: .6s
}

.style-list:nth-child(8) {
	transition-delay: .7s
}

.style-list:nth-child(9) {
	transition-delay: .8s
}

.style-list.this .style-warpper:before {
	background: #bc1717
}

.style-list:hover .style-warpper:before {
	background: #bc1717
}

.style-list h3 {
	font-size: 18px;
	color: #bc1717;
	margin-bottom: 5px
}

.style-list p {
	color: #9b9b9b;
	font-size: 10px;
	text-transform: uppercase
}

.style-list p i {
	display: inline-block;
	width: 9px;
	height: 9px;
	background: url(../images/icon1.png) no-repeat center/contain;
	margin-left: 3px
}

.style-warpper {
	padding: 10px 0;
	position: relative
}

.style-warpper:before {
	content: '';
	position: absolute;
	height: 3px;
	background: 0 0;
	display: inline-block;
	width: 100%;
	left: 0;
	bottom: -1px;
	transition: ease .3s;
	-ms-transition: ease .3s;
	-o-transition: ease .3s;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s
}

.style-desc .pro {
	width: 659px;
	margin-right: 130px;
	margin-bottom: 80px
}

.style-desc .intro {
	text-align: left
}

.style-desc .intro .en {
	font-size: 38px;
	font-weight: 700;

}

.style-desc .intro .cn {
	font-size: 24px
}

.style-desc .intro .pic {
	margin: 30px 0;
}



@media (max-width: 800px) {
	.style-desc .intro .pic {
	margin: 30px 0;
	    padding: 15px 0px!important;
}.style-desc .intro .font {
	    padding: 15px 16px!important;
}
}



.style-desc .intro p {
	font-size: 14px;
	line-height: 30px
}

.trait {
   display:none;
	overflow: hidden;
	background: #fff;
	padding-bottom: 80px
}

.trait .inside_title {
	margin-bottom: 35px
}

.trait .desc {
	text-align: center
}

.trait .desc p {
	font-size: 14px;
	line-height: 30px
}

.recommend {
	font-size: 0
}

.recommend .container {
	overflow: inherit
}

.recommend .left {
	color: #fff;
	margin-top: 31px;
	position: relative;
	top: 46px
}

.recommend .left p {
	font-size: 38px;
color: #bc1616;
	font-weight: 700
}

.recommend .left h3 {
	font-size: 24px;
	margin: 10px 0 35px;color: #bc1616;
}

.recommend .left .pro {
	width: 725px;
	position: relative
}

.recommend .right {
	position: relative;
	width: 382px;
	background: #e9e9e9;
	text-align: center;
	padding: 47px 0 47px
}

.recommend .right .pro {
	display: inline-block;
	width: 241px;
	margin-bottom: 20px;
	min-height: 290px;
	line-height: 290px
}

.recommend .right .desc p {
	display: block;
	font-size: 14px;
	margin: 15px 0 10px
}

.recommend .right .desc span {
	font-size: 14px
}

.recommend .page-control {
	position: absolute;
	bottom: -46px;
	left: 0
}

.recommend .page-control>div {
	cursor: pointer;
	display: inline-block;
	width: 46px;
	height: 46px;
	line-height: 50px;
	background: #595959;
	text-align: center;
	color: #fff;
	font-weight: bolder;
	font-size: 18px;
	font-family: SimSun;
	transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
	-webkit-transition: .6s;
	-moz-transition: .6s
}

.recommend .page-control>div:hover {
	background: #bc1717
}

.filter {
	overflow: hidden;
	background: #fff;
	margin-top:50px;
}

.filter .title {
	font-size: 24px;
	margin-top: 165px;
	margin-bottom: 35px
}

.filter form {
	text-align: center
}

.filter .get-more {
	text-align: center;
	width: 100%;
	height: 1px;
	background: #d9e0e7;
	margin: 30px 0 100px
}

.filter .get-more i {
	cursor: pointer;
	display: inline-block;
	width: 100px;
	height: 64px;
	margin-top: -30px;
	border-radius: 50%;
	background: url(../images/icon2.png) no-repeat center #fff
}

.radio-list {
	display: inline-block;
	margin-right: 50px
}

.radio-list:last-child {
	margin-right: 0
}

.radio-list input {
	display: none
}

.radio-list input:checked+label:after {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	background: #bc1717;
	left: 4px;
	top: 50%;
	margin-top: -3px
}

.radio-list label {
	cursor: pointer;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	font-size: 12px
}

.radio-list label:before {
	content: '';
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 1px;
	vertical-align: bottom;
	width: 14px;
	height: 14px;
	border: 1px dashed #bc1717
}

.radio-list span {
	font-size: 14px
}

.style-product-item {
	margin-top: 120px;
	font-size: 0;
	text-align: left
}

.style-product-list {
	display: inline-block;
	width: 25%;
	text-align: center;
	vertical-align: bottom;
	margin-bottom: 100px;
	color: #888
}

.style-product-list a {
	color: #888
}

.style-product-list:hover a {
	color: #bc1717
}

.style-product-list:hover img {
	transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px)
}

.style-product-list .pro {
	margin-bottom: 35px
}

.style-product-list .pro img {
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	max-height: 198px;
	width: auto;
	max-width: 200px
}

.style-product-list .desc {
	display: inline-block;
	width: 80%;
	text-align: center
}

.style-product-list .desc p {
	text-align: left;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	margin: 15px 0 10px
}

.style-product-list .desc span {
	font-size: 12px
}

.market {
	overflow: hidden;
	font-size: 0
}

.market .inside_title {
	color: #fff;
	margin-bottom: 55px
}

.market form {
	display: inline-block;
	width: calc(100% - 299px);
	margin-right: 22px;
	background: rgba(0,0,0,.5);
	padding: 27px 25px;
	border: 1px dashed rgba(213,213,213,.3)
}

.market form p {
	color: #fff;
	font-size: 14px;
	margin-top: 30px;
	margin-bottom: 10px
}

.market form input {
	width: 100%;
	height: 35px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
	padding-left: 10px;
	background: #191f26;
	border: 1px dashed rgba(213,213,213,.1)
}

.market form button {
	color: #fff;
	display: block;
	margin: 50px auto 50px;
	border: 1px solid #585a5f;
	width: 157px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	background: 0 0
}

.market .pro {
	display: inline-block
}

.market .search-type>div {
	cursor: pointer;
	font-size: 14px;
	color: #fff;
	height: 38px;
	line-height: 38px;
	text-align: center;
	display: inline-block;
	width: 50%;
	margin-right: 17px;
	border: 1px dashed rgba(213,213,213,.5);
	position: relative;
	transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s
}

.market .search-type>div.this {
	background: #bc1717;
	border: 1px solid transparent
}

.market .search-type>div.this:before {
	content: '';
	position: absolute;
	bottom: -17px;
	left: 50%;
	margin-left: -4px;
	width: 0;
	height: 0;
	border-bottom: 8px transparent solid;
	border-left: 8px transparent solid;
	border-right: 8px transparent solid;
	border-top: 8px #bc1717 solid;
	background: 0 0
}

.market .search-type>div:hover {
	background: #bc1717;
	border: 1px solid transparent
}

.market .search-type>div:last-child {
	margin-right: 0;
	width: calc(50% - 17px)
}

.market .tips {
	text-align: center
}

.market .tips em {
	font-size: 20px;
	color: #fff;
	margin: 45px 0 5px;
	display: inline-block
}

.market .tips p {
	font-size: 14px;
	font-weight: lighter;
	color: #d5d5d5
}

.market .tips .phone {
	display: inline-block;
	color: #c1c1c1;
	font-size: 14px;
	padding: 8px 35px;
	border: 1px dashed rgba(213,213,213,.5);
	margin: 20px 0 25px
}

.market .tips .time {
	font-size: 14px;
	color: #d5d5d5;
	font-weight: lighter;
	line-height: 24px;
	margin-bottom: 50px
}

.market .cs p {
	margin-top: 23px
}

.market .cs button {
	margin: 20px auto 0
}

.stores {
	text-align: center
}

.stores .inside_title {
	margin-bottom: 40px
}

.stores .desc {
	font-size: 14px;
	line-height: 32px
}

.stores .pro {
	margin-top: 55px
}

.stores .swiper-pagination {
	position: relative;
	margin: 35px 0 100px;
	bottom: 0
}

.stores .swiper-pagination-bullet {
	background: #b0b0b0;
	margin: 0 10px!important
}

.stores .swiper-pagination-bullet-active {
	background: #bc1717
}

.service {
	overflow: hidden;
	background: #fff;
	font-size: 0;
	padding-bottom: 100px
}

.service-list {
	display: inline-block;
	width: 33.33%;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent
}

.service-list:nth-child(2) {
	transition-delay: .1s
}

.service-list:nth-child(3) {
	transition-delay: .2s
}

.service-list .pro {
	width: 100%;
	height: 237px
}

.service-list .desc {
	text-align: center;
	padding: 0 10px
}

.service-list .desc h3 {
	margin: 40px 0 20px;
	font-size: 20px
}

.service-list .desc p {
	font-size: 14px;
	line-height: 24px
}

.where {
	overflow: hidden;
	padding-bottom: 106px
}

.where .inside_title {
	color: #fff;
	margin: 90px 0
}

.where-item {
	font-size: 0
}

.where-list {
	color: #fff;
	display: inline-block;
	width: 25%;
	text-align: center;
	margin-bottom: 75px
}

.where-list:nth-child(4n-3) {
	text-align: left
}

.where-list:nth-child(4n) {
	text-align: right
}

.where-list>div {
	display: inline-block;
	text-align: center
}

.where-list span {
	display: block;
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px
}

.where-list p {
	font-size: 14px;
	line-height: 34px
}

.market-search {
	height: 278px;
	transition: cubic-bezier(.38,0,.21,1.01) 1.2s;
	-ms-transition: cubic-bezier(.38,0,.21,1.01) 1.2s;
	-o-transition: cubic-bezier(.38,0,.21,1.01) 1.2s;
	-webkit-transition: cubic-bezier(.38,0,.21,1.01) 1.2s;
	-moz-transition: cubic-bezier(.38,0,.21,1.01) 1.2s
}

.market-search.open {
	height: 820px
}

.market-search.open .seach-icon {
	bottom: 3%
}

.market-search .container {
	position: relative;
	height: 100%
}

.market-search .result {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.market-search .result span {
	top: 40%;
	color: #fff;
	font-size: 24px
}

.market-search .seach-icon {
	transition: ease .6s;
	-ms-transition: ease .6s;
	-o-transition: ease .6s;
	-webkit-transition: ease .6s;
	-moz-transition: ease .6s;
	cursor: pointer;
	position: absolute;
	bottom: 30%;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	background: url(../images/icon3.png) no-repeat center/contain
}

.market-search .no-result {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.s-store {
	background: #f0f0f0
}

.liebiao {
	position: relative;
	z-index: 2
}

.s-tab {
	padding: 25px 0;
	position: relative;
	margin-left: 18px
}

.s-tab .selcet {
	margin-top: 7px;
	float: left
}

.s-tab .selcet input {
	display: none
}

.s-tab .selcet input:checked+label:after {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	background: #bc1717;
	left: 4px;
	top: 50%;
	margin-top: -3px
}

.s-tab .selcet label {
	font-size: 14px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	vertical-align: middle
}

.s-tab .selcet label:before {
	content: '';
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 2px;
	vertical-align: bottom;
	width: 14px;
	height: 14px;
	border: 1px dashed #bc1717
}

.s-tab .qita {
	float: right
}

.s-tab .qita span {
	cursor: pointer;
	font-size: 14px;
	color: #bc1717;
	padding: 5px 15px 5px 22px;
	display: inline-block;
	border: 1px dashed #bc1717;
	margin-right: 25px
}

.s-tab .qita span i {
	width: 15px;
	height: 15px;
	display: inline-block;
	position: relative;
	left: -5px;
	top: 2px
}

.s-store-item {
	font-size: 0
}

.s-store-item u {
	position: absolute;
	width: 100%;
	left: 0;
	height: 1px;
	background: #fff
}

.s-s-warpper {
	background: #bc1717;
	padding: 40px
}

.s-store-list {
	color: #fff;
	display: inline-block;
	width: 50%;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	margin: 0 0 50px
}

.s-store-list:nth-child(2) {
	margin-top: 50px
}

.s-store-list span {
	font-size: 18px;
	display: block;
	vertical-align: middle;
	padding-bottom: 15px;
	border-bottom: 1px dashed rgba(255,255,255,.3)
}

.s-store-list span:before {
	content: '';
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	vertical-align: middle;
	margin-right: 5px;
	display: inline-block
}

.s-store-list .pro {
	width: 200px;
	height: 127px;
	margin: 15px 0
}

.s-store-list p {
	font-size: 14px;
	line-height: 27px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px dashed rgba(255,255,255,.3)
}

.s-store-list i {
	cursor: pointer;
	display: inline-block;
	width: 17px;
	height: 19px;
	background: url(../images/icon6.png) no-repeat center/contain
}

.add-form,.msg {
	padding: 80px 0;
	font-size: 0;
	background: #fff;
	position: relative;
	z-index: 2
}

.add-form form,.msg form {
	display: inline-block;
	width: 50%;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent
}

.add-form form>div,.msg form>div {
	border: 1px solid #dbdbdb;
	padding: 30px
}

.add-form form h3,.msg form h3 {
	text-align: center;
	font-size: 24px;
	margin: 10px 0 40px
}

.add-form form .input-box,.msg form .input-box {
	position: relative;
	margin-bottom: 8px
}

.add-form form input,.msg form input {
	width: 100%;
	height: 40px;
	border: 1px solid #dbdbdb;
	padding-left: 10px;
	position: relative;
	z-index: 1;
	background: 0 0
}

.add-form form input:active+span,.msg form input:active+span {
	display: none
}

.add-form form input:focus+span,.msg form input:focus+span {
	display: none
}

.add-form form textarea,.msg form textarea {
	width: 100%;
	height: 120px;
	padding: 5px 0 0 5px;
	border: 1px solid #dbdbdb;
	resize: none;
	position: relative;
	z-index: 1;
	background: 0 0
}

.add-form form textarea:active+span,.msg form textarea:active+span {
	display: none
}

.add-form form textarea:focus+span,.msg form textarea:focus+span {
	display: none
}

.add-form form .searchfont,.msg form .searchfont {
	position: absolute;
	font-size: 14px;
	top: 10px;
	left: 10px;
	letter-spacing: 1px;
	z-index: 0
}

.add-form form button,.msg form button {
	display: block;
	background: 0 0;
	border: 1px dashed #bc1717;
	font-size: 14px;
	padding: 5px 70px;
	margin: 60px auto 40px;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.add-form form button:hover,.msg form button:hover {
	color: #fff;
	background: #bc1717
}

.add-form .message button,.msg .message button {
	margin-top: 28px
}

.map-box {
	width: 100%;
	border-top: 1px solid #fff
}

#map {
	width: 90%;
	margin: 40px auto 60px;
	height: 800px
}

.none-result {
	background: #f0f0f0;
	overflow: hidden;
	position: relative;
	z-index: 2
}

.none-result h3 {
	font-size: 16px;
	text-align: center;
	margin: 55px 0
}

.add-form {
	background: #fff;
	padding: 70px 0
}

.add-form .pro {
	display: inline-block;
	width: 50%;
	text-align: center;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent
}

.add-form .pro>div {
	padding: 35px 0 60px;
	border: 1px solid #e7e7e7
}

.add-form .pro h4 {
	font-size: 24px
}

.add-form .pro p {
	font-size: 14px;
	line-height: 24px;
	margin: 38px 0
}

.add-form .pro img {
	display: block;
	margin: 0 auto
}

.add-form .pro .back {
	font-size: 14px;
	padding: 6px 67px;
	border: 1px dashed #bc1717;
	display: inline-block;
	margin: 20px auto 0
}

.add-form .pro .back:hover {
	color: #fff;
	background: #bc1717
}

.add-form form {
	text-align: center
}

.add-form form>div {
	padding: 30px 30px 51px
}

.add-form form h4 {
	font-size: 24px;
	margin: 0 0 40px
}

.add-form form textarea {
	height: 160px
}

.add-form form button {
	padding: 6px 95px;
	margin-top: 20px;
	margin-bottom: 0
}

.add-form form .back {
	font-size: 14px;
	padding: 6px 54px;
	border: 1px dashed #bc1717;
	display: inline-block;
	margin: 20px auto 0
}

.add-form form .back:hover {
	color: #fff;
	background: #bc1717
}

.news-tab {
	background: #fff
}

.news-tab .style-list {
	width: 33.333%;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent
}

.news {
	background: #fff
}

.news-item {
	font-size: 0
}

.news-list {
	border-bottom: 1px solid #e5e5e5
}

.news-list:first-child {
	border-top: 1px solid #e5e5e5
}

.news-list:hover .desc {
	background: #f0f0f0
}

.news-list .pro {
	width: 176px;
	height: 87px;
	margin-right: 30px
}

.news-list .desc {
	width: calc(100% - 206px);
	padding: 45px 0 45px 27px;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.news-list .desc h3 {
	color: #bc1717;
	font-size: 16px;
	margin-bottom: 15px
}

.news-list .desc h3:before {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #bc1717;
	display: inline-block;
	margin: 0 12px 2px 0
}

.news-list .desc p {
	color: #bc1717;
	font-size: 14px;
	line-height: 24px;
	width: 87%;
	padding: 0 5% 0 17px;
	border-right: 1px solid #9c9c9c
}

.news-list .desc .date {
	width: 13%;
	font-size: 12px;
	color: #bc1717;
	text-align: left;
	padding-left: 15px
}

.news-list .desc .date i {
	margin-top: 10px;
	display: block;
	width: 16px;
	height: 5px;
	background: url(../images/more-c.png) no-repeat center
}

.news-det {
	background: #fff;
	overflow: hidden
}

.news-det .summary {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 20px 0;
	color: #a0a0a0;
	font-size: 14px;
	line-height: 24px
}

.news-det .summary strong {
	color: #3f3f3f
}

.news-det .content {
	padding: 25px 0;
	margin-bottom: 70px
}

.det-title {
	text-align: center;
	margin-top: 70px;
	padding-bottom: 10px
}

.det-title h2 {
	font-size: 28px;
	margin-bottom: 15px
}

.det-title p {
	font-size: 14px;
	color: #a0a0a0
}

.product-intro {
	background: #fff;
	padding: 63px 0 95px;
	text-align: center
}

.product-intro .pro {
	margin-right: 143px
}

.product-intro .pro .hide {
	display: none
}

.product-intro .pro img {
	max-width: 503px;
	max-height: 512px;
	width: auto;
	height: auto
}

.product-intro .pro:hover {
	cursor: url(../images/icon8.ico),auto
}

.product-intro .desc {
	text-align: left
}

.product-intro .desc .title {
	text-align: left;
	font-family: Didot;
	font-size: 30px
}

.product-intro .desc h2 {
	font-size: 30px
}

.product-intro .desc .model {
	display: inline-block;
	margin: 50px 0;
	font-size: 18px;
	padding: 6px 0
}

.product-intro .desc p {
	line-height: 32px;
	font-size: 14px
}

.inspiration {
	padding: 75px 0
}

.inspiration .title {
	font-family: Didot;
	font-size: 30px
}

.inspiration .title h3 {
	font-size: 24px;
	margin-bottom: 30px
}

.scene {
	background: #fff
}

.scene .title {
	margin-bottom: 70px
}

.inpush .swiper-container {
	padding: 40px 0
}

.inpush .s-page {
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -28px;
	text-align: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #ececec;
	color: #bc1717;
	font-size: 30px;
	line-height: 54px;
	font-family: SimSun;
	font-weight: bolder
}

.inpush .s-page:hover {
	background: #bc1717;
	color: #fff
}

.inpush .prev {
	left: -10%
}

.inpush .next {
	right: -10%
}

.inpush-list {
	text-align: center
}

.inpush-list .pro:hover img {
	transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px)
}

.inpush-list .pro img {
	max-height: 137px;
	height: auto;
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s
}

.inpush-list .desc {
	margin-top: 20px;
	font-size: 12px
}

.company-map {
	background: #fff;
	font-size: 0;
	padding: 95px 0
}

.company-map .desc {
	margin-right: 68px
}

.company-map .desc h3 {
	font-size: 22px
}

.company-map .desc em {
	font-size: 22px;
	display: block;
	padding: 15px 0 40px;
	margin-bottom: 35px
}

.company-map .desc em.define-dashed.hack {
	border: 0;
	border-bottom: 1px dashed #bc1717
}

.company-map .desc p {
	margin-bottom: 20px
}

.company-map .desc p:last-child {
	font-weight: 700;
	margin-top: 35px
}

.company-map .desc p i {
	width: 24px;
	height: 24px;
	margin-right: 20px
}

.company-map .desc p i.address {
	background: url(../images/icon9.png) no-repeat center
}

.company-map .desc p i.phone {
	background: url(../images/icon10.png) no-repeat center
}

.company-map .desc p i.fax {
	background: url(../images/icon11.png) no-repeat center
}

.company-map .desc p i.email-code {
	background: url(../images/icon12.png) no-repeat center
}

.company-map .desc p i.email {
	background: url(../images/icon13.png) no-repeat center
}

.company-map .desc p i.g-phone {
	background: url(../images/icon14.png) no-repeat center
}

.company-map .desc p span {
	width: calc(100% - 45px);
	font-size: 16px;
	line-height: 24px
}

.company-map #map {
	height: 425px;
	width: calc(100% - 509px)
}

.company-map #map .BMapLabel:nth-child(2) {
	display: inline-block!important;
	width: 0!important;
	height: 0!important;
	border-style: solid!important;
	border-width: 8px!important;
	border-color: #fff #fff transparent transparent!important;
	transform: rotate(135deg)!important;
	box-shadow: 2px -2px 2px #ccc!important
}

.join {
	overflow: hidden;
	position: relative
}

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

.join .intro {
	text-align: center;
	margin: 83px 0 162px;
	line-height: 44px;
	color: #fff;
	font-size: 16px;
	position: relative;
	z-index: 1
}

.join .container_contact {
	background: #fff;
	top: -90px
}

.join .container_contact .page {
	margin: 38px 0 45px
}

.join .inside_title h3 {
	font-size: 36px
}

.career-item {
	padding: 0 60px
}

.ul-ratio {
	border-bottom: 1px dashed #c2c2c2;
	height: 54px;
	line-height: 54px;
	font-size: 0;
	overflow: hidden;
	cursor: pointer
}

.ul-ratio:first-child {
	border-top: 1px dashed #c2c2c2
}

.ul-ratio:hover {
	border-bottom: 1px dashed transparent;
	background: #bc1717
}

.ul-ratio:hover li {
	color: #fff
}

.ul-ratio:hover .career-arrow:after,.ul-ratio:hover .career-arrow:before {
	background: #fff
}

.ul-ratio.on {
	border-bottom: 1px dashed transparent;
	background: #bc1717
}

.ul-ratio.on li {
	color: #fff
}

.ul-ratio.on .career-arrow {
	transform: rotate(180deg)
}

.ul-ratio.on .career-arrow:before {
	height: 0;
	background: #fff
}

.ul-ratio.on .career-arrow:after {
	background: #fff
}

.ul-ratio>li {
	position: relative;
	width: 22%;
	text-align: center;
	transition: .3s;
	display: inline-block;
	font-size: 14px;
	color: #333;
	vertical-align: top
}

.ul-ratio>li:last-child {
	width: 12%
}

.career-req {
	display: none;
	padding-top: 25px;
	padding-bottom: 50px;
	padding-left: 20px;
	border-bottom: 1px dashed #e4e4e4;
	line-height: 34px;
	font-size: 14px;
	color: #666;
	transition: background-color .7s ease
}

.career-req p i {
	display: inline-block;
	border: 1px solid #bc1717;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	margin: 0 10px 1px 0
}

.career-arrow {
	position: relative;
	display: inline-block;
	top: 2px;
	transform: rotate(90deg);
	width: 13px;
	height: 13px;
	color: #cbcbcb;
	text-align: center;
	border-radius: 50%;
	font-weight: 700;
	transition: all .5s cubic-bezier(.45,-.96,.11,1.76)
}

.career-arrow:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 100%;
	background: #333;
	transition: .3s
}

.career-arrow:after {
	content: '';
	position: absolute;
	left: 0;
	top: 49.9%;
	width: 100%;
	height: 1px;
	background: #333;
	transition: .3s
}

.career-btn {
	width: 159px;
	height: 36px;
	background: #29466c;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 30px;
	cursor: pointer
}

.apply-form-box {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	top: 0;
	left: 0;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.apply-form-box.open {
	opacity: 1;
	visibility: visible
}

.apply-form {
	width: 1000px;
	height: 600px;
	background: #fff;
	border-radius: 5px;
	padding: 90px 70px;
	font-size: 0
}

.apply-form .input-box {
	width: 32%;
	margin-right: 15px;
	margin-bottom: 15px!important;
	position: relative
}

.apply-form .input-box:nth-child(3n) {
	margin-right: 0
}

.apply-form input {
	width: 100%;
	height: 40px;
	border: 1px solid #dbdbdb;
	padding-left: 10px;
	position: relative;
	z-index: 1;
	background: 0 0;
	color: #bc1717
}

.apply-form .searchfont {
	position: absolute;
	font-size: 14px;
	top: 10px;
	left: 10px;
	letter-spacing: 1px;
	z-index: 0;
	color: #bc1717
}

.apply-form .textarea {
	width: 100%
}

.apply-form textarea {
	width: 100%;
	height: 240px;
	padding: 5px 0 0 5px;
	border: 1px solid #dbdbdb;
	resize: none;
	position: relative;
	z-index: 1;
	background: 0 0
}

.apply-form button {
	display: block;
	width: 320px;
	height: 50px;
	margin: 30px auto 0;
	background-color: #bc1717;
	border: none;
	color: #fff;
	text-align: center;
	transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
	-webkit-transition: .6s;
	-moz-transition: .6s
}

.apply-form button:hover {
	background-color: #03488f
}

.apply-form i {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 8px;
	font-size: 26px;
	color: #bc1717
}

.business .desc strong {
	font-size: 50px;
	color: #fff;
	font-weight: 400
}

.business .desc h2 {
	font-size: 20px;
	color: #fff;
	margin-top: 25px
}

.business .desc h2:after,.business .desc h2:before {
	background: #fff
}

.brand {
	overflow: hidden;
	background: #fff
}

.brand .inside_title {
	margin-bottom: 30px
}

.brand .desc {
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 60px
}

.brand .pro {
	margin-bottom: 140px
}

.brand .pro img {
	max-width: 100%
}

.advantage-item {
	font-size: 0;
	margin-bottom: 50px
}

.advantage-list {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-bottom: 65px
}

.advantage-list:nth-child(2) {
	transition-delay: .1s
}

.advantage-list:nth-child(3) {
	transition-delay: .2s
}

.advantage-list:nth-child(4) {
	transition-delay: .3s
}

.advantage-list:nth-child(6) {
	transition-delay: .1s
}

.advantage-list:nth-child(7) {
	transition-delay: .2s
}

.advantage-list:nth-child(8) {
	transition-delay: .3s
}

.advantage-list .icon {
	width: 90px;
	height: 90px;
	margin: 0 auto;
	position: relative
}

.advantage-list .icon:hover i:before {
	animation: serv_one_border .9s 0s ease 1;
	-webkit-animation: serv_one_border .9s 0s ease 1;
	-moz-animation: serv_one_border .9s 0s ease 1;
	-o-animation: serv_one_border .9s 0s ease 1
}

.advantage-list .icon:hover i:after {
	animation: serv_one_border 1.5s 0s ease 1;
	-webkit-animation: serv_one_border 1.5s 0s ease 1;
	-moz-animation: serv_one_border 1.5s 0s ease 1;
	-o-animation: serv_one_border 1.5s 0s ease 1
}

.advantage-list .icon:hover i {
	background: #bc1717;
	border-color: #bc1717
}

.advantage-list .icon:hover span {
	opacity: 0
}

.advantage-list .icon:hover span.hide {
	opacity: 1
}

.advantage-list .icon i {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 90px;
	height: 90px;
	border: 1px solid rgba(2,47,93,.5);
	border-radius: 50%;
	transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
	-webkit-transition: .6s;
	-moz-transition: .6s
}

.advantage-list .icon i:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #bc1717;
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity: 0
}

.advantage-list .icon i:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #bc1717;
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity: 0
}

.advantage-list .icon span {
	position: absolute;
	left: 0;
	top: 0;
	width: 90px;
	height: 90px;
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s
}

.advantage-list .icon span.hide {
	opacity: 0
}

.advantage-list:last-child .desc {
	border: 0
}

.advantage-list h3 {
	font-size: 18px;
	margin: 20px 0
}

.advantage-list p {
	font-size: 14px;
	line-height: 22px
}

.suppose {
	background: #fff;
	overflow: hidden
}

.support-item {
	font-size: 0;
	margin-bottom: 150px
}

.support-list {
	display: inline-block;
	width: 25%;
	height: 196px;
	position: relative;
	z-index: 22;
	vertical-align: top;
	overflow: hidden
}

.support-list.mobile {
	display: none
}

.support-list:hover:after {
	opacity: 0
}

.support-list:hover .pro {
	transform: scale(1.04);
	-ms-transform: scale(1.04);
	-o-transform: scale(1.04);
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04)
}

.support-list:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	opacity: .7;
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.support-list .pro {
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.support-list .desc {
	text-align: center;
	height: 26px;
	font-size: 18px;
	color: #fff;
	z-index: 1
}

.choose {
	text-align: center;
	color: #fff;
	padding: 132px 0
}

.choose p {
	font-size: 36px;
	margin-bottom: 12px
}

.choose span {
	display: inline-block;
	font-size: 12px
}

.condition .advantage-list p {
	margin-top: 35px
}

.add {
	overflow: hidden
}

.add .inside_title {
	color: #fff
}

.add-warpper {
	background: #fff;
	font-size: 0;
	margin-bottom: 110px
}

.add-warpper .pro {
	width: 50%;
	position: relative
}

.add-warpper .desc {
	background: #fff;
	width: 50%;
	padding: 0 50px 0 80px
}

.add-list {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s
}

.add-list.this {
	opacity: 1;
	position: relative
}

.add-list-c {
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.add-list-c.this {
	background: #f0f0f0
}

.add-list-c.this i {
	background: #bc1717
}

.add-list-c.this p {
	transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px)
}

.add-list-c:hover {
	background: #f0f0f0
}

.add-list-c:hover i {
	background: #bc1717
}

.add-list-c:hover p {
	transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px)
}

.add-list-c i {
	width: 8px;
	height: 8px;
	background: #dadada;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	position: relative;
	left: -3px
}

.add-list-c p {
	font-size: 14px;
	padding: 10px 0 10px 15px;
	transition: ease .4s;
	-ms-transition: ease .4s;
	-o-transition: ease .4s;
	-webkit-transition: ease .4s;
	-moz-transition: ease .4s
}

.process-item {
	font-size: 0;
	position: relative;
	margin-bottom: 120px
}

.process-item .line {
	height: 5px;
	background: #bc1717;
	width: 95%;
	position: absolute;
	left: 22px;
	top: 18px
}

.process-list {
	text-align: center;
	margin-right: calc((100% - 504px)/ 6);
	position: relative;
	z-index: 1
}

.process-list:nth-child(7) {
	margin-right: 0
}

.process-list:hover .process-warrper {
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2)
}

.process-list:hover .process-warrper:before {
	transform: scale(.6);
	-ms-transform: scale(.6);
	-o-transform: scale(.6);
	-webkit-transform: scale(.6);
	-moz-transform: scale(.6)
}

.process-list:hover p {
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2)
}

.process-list .process-warrper {
	display: inline-block;
	width: 42px;
	height: 42px;
	background: #bc1717;
	border-radius: 50%;
	line-height: 42px;
	position: relative;
	transition: ease .6s;
	-ms-transition: ease .6s;
	-o-transition: ease .6s;
	-webkit-transition: ease .6s;
	-moz-transition: ease .6s
}

.process-list .process-warrper:before {
	content: '';
	position: absolute;
	border-radius: 50%;
	width: 54px;
	height: 54px;
	background: rgba(2,47,93,.2);
	left: 50%;
	top: 50%;
	margin-left: -27px;
	margin-top: -27px;
	transition: ease .5s;
	-ms-transition: ease .5s;
	-o-transition: ease .5s;
	-webkit-transition: ease .5s;
	-moz-transition: ease .5s
}

.process-list span {
	font-size: 22px;
	color: #fff;
	position: relative;
	z-index: 2
}

.process-list p {
	margin-top: 20px;
	font-size: 18px;
	color: #bc1717;
	transition: ease .6s;
	-ms-transition: ease .6s;
	-o-transition: ease .6s;
	-webkit-transition: ease .6s;
	-moz-transition: ease .6s
}

.jiameng {
	background: #fff;
	overflow: hidden;
	padding: 0 0 100px
}

.jm-form {
	padding: 45px 40px;
	width: 100%!important;
	border: 1px solid #e7e7e7!important
}

.jm-form .input-box {
	width: 49%;
	margin-right: 15px;
	margin-bottom: 15px!important
}

.jm-form .input-box:nth-child(2n) {
	margin-right: 0
}

.jm-form .input-box input:focus {
	border-color: #bc1717
}

.jm-form .input-box input:hover {
	border-color: #bc1717
}

.jm-form>div {
	border: 0!important;
	padding: 0!important
}

.jm-form .searchfont {
	color: #bc1717
}

.jm-form button {
	margin: 50px auto 0!important
}

.dealer {
	background: #fff;
	font-size: 0;
	padding: 90px 0
}

.dealer-list {
	width: 33.33%;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent
}

.dealer-list .pro {
	width: 100%;
	height: 220px
}

.dealer-list .desc {
	text-align: center;
	font-size: 16px
}

.dealer-list .desc .dq {
	margin-top: 33px;
	margin-bottom: 5px
}

.dealer-list .desc span {
	display: inline-block;
	font-weight: 700
}

.dealer-list .desc p {
	margin-top: 30px;
	font-size: 14px;
	line-height: 25px
}

.pj-intro {
	text-align: center;
	padding: 60px 0
}

.pj-intro .desc {
	font-size: 16px;
	line-height: 40px
}

.flow {
	background: #fff;
	overflow: hidden
}

.flow .inside_title {
	margin-bottom: 20px
}

.middle-line {
	text-align: center;
	margin-bottom: 80px
}

.middle-line i {
	display: block;
	margin: 0 auto 5px;
	background: #cacaca;
	height: 1px
}

.middle-line i:nth-child(1) {
	width: 30px
}

.middle-line i:nth-child(2) {
	width: 17px
}

.middle-line i:nth-child(3) {
	width: 9px
}

.middle-line u {
	background: #cacaca;
	position: absolute;
	width: 1px;
	margin-left: -1px;
	height: 1010px
}

.flow-item {
	font-size: 0
}

.flow-warpper {
	display: inline-block
}

.flow-list {
	margin-bottom: 50px;
	text-align: left
}

.flow-list:nth-child(2n-1) {
	text-align: right
}

.flow-list:nth-child(2n-1) .desc:before {
	left: -15.5%
}

.flow-list:nth-child(2n-1) .point {
	margin: 0 82px 0 40px
}

.flow-list:nth-child(2n) {
	text-align: left
}

.flow-list:nth-child(2n) .desc:before {
	right: -15.6%
}

.flow-list:nth-child(2n) .point {
	margin: 0 40px 0 82px
}

.flow-list .num {
	font-size: 33px;
	font-family: Didot
}

.flow-list .point {
	width: 8px;
	height: 8px;
	background: #bc1717;
	position: relative;
	z-index: 1;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.flow-list .desc {
	display: inline-block;
	background: #f6f6f6;
	width: 514px;
	padding: 40px 0 40px 65px;
	text-align: left;
	position: relative
}

.flow-list .desc:before {
	content: '';
	width: 80px;
	height: 1px;
	position: absolute;
	background: #cacaca;
	top: 50%
}

.flow-list .desc i {
	width: 44px;
	height: 44px;
	margin-right: 40px
}

.flow-list .desc span {
	font-size: 17px;
	width: calc(100% - 140px)
}

.engine-item {
	font-size: 0;
	margin-bottom: 78px
}

.engine-list {
	width: 25%;
	text-align: center;
	display: inline-block;
	height: 123px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	margin-bottom: 12px
}

.engine-list a {
	border: 1px solid #e1e1e1;
	display: block;
	height: 100%;
	background: #fff;
	line-height: 123px
}

.link p {
	padding-top: 50px;
	color: #bc1717;
	font-size: 12px;
	margin-bottom: 50px
}

.link-list {
	display: block!important
}

.link-list h3 {
	font-size: 16px;
	padding: 10px 0;
	color: #000
}

.link-list a {
	float: left;
	width: 270px;
	margin-right: 20px;
	margin-bottom: 20px
}

.link-list a img {
	max-width: 270px;
	max-height: 66px
}

@media (max-width:1440px) {
	.art .pro {
		margin: 60px 0 100px
	}

	.art_style {
		padding-bottom: 140px
	}

	.product-intro .pro img {
		max-width: 445px;
		max-height: 452px
	}
}

@media (max-width:1300px) {
	.container_contact {
		padding: 0 2%
	}

	.inpush .prev {
		left: -5%
	}

	.inpush .next {
		right: -5%
	}
}

@media (max-width:1200px) {
	.art {
		padding: 0 2%
	}

	.art .inside_title {
		margin-bottom: .4rem
	}

	.art .pro {
		margin: .5rem 0 .83rem
	}

	.art .desc {
		padding: 0 3%
	}

	.art_master {
		padding: 0 2%;
		background-attachment: initial;
		background-size: cover
	}

	.master-item {
		margin-bottom: 1rem
	}

	.brand {
		padding: 0 2%
	}

	.brand .pro {
		margin-bottom: 1.17rem
	}

	.suppose {
		padding: 0 2%
	}

	.support-item {
		margin-bottom: 1.3rem
	}

	.dealer-list .pro {
		height: 1.83rem
	}

	.dealer-list .desc .dq {
		margin-top: .28rem
	}

	.dealer-list .desc p {
		margin-top: .2rem
	}

	.add .inside_title {
		margin-bottom: 0
	}

	.add-warpper {
		width: 9.8rem;
		margin: .5rem auto .8rem
	}

	.process {
		padding: 0 2%
	}

	.jiameng {
		padding: 0 2% 1.3rem
	}

	.jm-form {
		padding: .38rem .33rem
	}

	.jm-form .input-box:nth-child(2n) {
		width: calc(50% - 15px)
	}

	.add-form form button {
		padding: 6px .79rem;
		margin: .42rem auto 0!important
	}

	.culture {
		font-size: 0;
		padding: 1.15rem 2% 1.25rem
	}

	.culture .pro {
		width: 50%
	}

	.culture .pro img {
		max-width: 100%
	}

	.culture .desc {
		width: 50%;
		padding-left: 5%;
		margin-left: 0
	}

	.original {
		background-size: cover!important;
		padding: 1rem 0 1.11rem
	}

	.original .inside_title {
		margin-bottom: 1.3rem
	}

	.aptitude {
		padding: 0 2% 1rem
	}

	.competition {
		height: 4rem
	}

	.handmade {
		padding: 0 2%
	}

	.master {
		background-attachment: inherit!important;
		padding-bottom: .8rem
	}

	.master-item {
		padding: 0 1%
	}

	.spirit {
		padding: 0 2% 1.17rem
	}

	.market .container {
		padding: 0 2%
	}

	.stores {
		padding: 0 2%
	}

	.stores .swiper-pagination {
		margin: .5rem 0 .83rem
	}

	.service {
		padding-bottom: .83rem
	}

	.service-list .pro {
		height: 1.98rem
	}

	.service-list .desc h3 {
		margin: .33rem 0 .17rem
	}

	.where {
		padding: 0 2%;
		background-size: cover!important
	}

	.where .inside_title {
		margin: .8rem 0
	}

	#map {
		height: 6.67rem
	}

	.inpush {
		padding: 0 4%
	}

	.inpush .prev {
		left: -3%
	}

	.inpush .next {
		right: -3%
	}

	.style-item {
		margin: .5rem 0
	}

	.style-desc {
		padding: 0 2%
	}

	.style-desc .pro {
		width: 5.5rem;
		margin-right: .6rem;
		margin-bottom: .67rem
	}

	.style-desc .intro {
		width: 3.45rem
	}

	.recommend {
		background-size: cover!important
	}

	.recommend .container {
		padding: 0 2%
	}

	.recommend .left .pro {
		width: 6.05rem
	}

	.recommend .right {
		width: 3.18rem;
		padding: .3rem .2rem .3rem
	}

	.recommend .right .pro {
		width: 100%;
		margin-bottom: .1rem;
		min-height: 3rem;
		line-height: 3rem
	}

	.recommend .right .pro img {
		max-height: 2rem;
		width: auto
	}

	.filter {
		padding: 0 2%
	}

	.filter .title {
		margin: 1.8rem 0 .4rem
	}

	.style-product-list {
		margin-bottom: .83rem
	}

	.style-product-list .pro img {
		height: 1.6rem
	}

	.style-product-item {
		margin-top: 1.25rem
	}

	.flow {
		padding: 0 2%
	}

	.middle-line {
		margin-bottom: .67rem
	}

	.middle-line u {
		height: 8.72rem
	}

	.flow-list {
		margin-bottom: .42rem
	}

	.flow-list:nth-child(2n) .point {
		margin: 0 .33rem 0 .6rem
	}

	.flow-list:nth-child(2n-1) .point {
		margin: 0 .6rem 0 .33rem
	}

	.flow-list .desc {
		width: 4.17rem;
		padding: .33rem 0 .33rem .4rem
	}

	.flow-list .desc:before {
		width: .67rem
	}

	.flow-list .desc i {
		margin-right: .28rem
	}

	.flow-list .desc span {
		font-size: 15px;
		width: calc(100% - 1.17rem)
	}

	.engine-list {
		height: 1.02rem
	}

	.engine-list a {
		line-height: 1.02rem
	}

	.distribution {
		background-attachment: inherit!important;
		padding: .68rem 0 1.24rem
	}

	.history-item {
		padding: 0 2%;
		margin: .58rem 0
	}

	.history-list i {
		margin-left: calc(42px - 2%)
	}

	.history {
		padding: .9rem 0 1.2rem;
		background-attachment: inherit!important
	}

	.link {
		padding: 0 2%
	}
}

@media (max-width:1000px) {
	.art .desc {
		line-height: 32px
	}

	.master-list .desc {
		padding: .28rem .28rem .37rem
	}

	.master-list .desc p {
		font-size: 15px;
		line-height: 28px
	}

	.master-list .desc span {
		font-size: 13px
	}

	.product-list .desc {
		padding: 0 .25rem
	}

	.product-list .desc p {
		margin: .25rem 0
	}

	.product-list .desc strong {
		margin: .17rem 0 .12rem
	}

	.product-list .more {
		margin-bottom: .42rem
	}

	.product-list .more a {
		padding: 6px .54rem
	}

	.art_style {
		padding-bottom: 1.17rem
	}

	.brand .inside_title {
		margin-top: 1rem
	}

	.advantage-item {
		margin-bottom: .6rem
	}

	.advantage-list p {
		padding: 0 12%
	}

	.choose {
		padding: 1.17rem 0
	}

	.choose p {
		font-size: 30px
	}

	.add-warpper .pro {
		width: 100%
	}

	.add-warpper .desc {
		width: 100%;
		padding: .2rem .4rem
	}

	.company-map .desc {
		width: 100%;
		margin-right: 0
	}

	.company-map #map {
		width: 100%;
		margin: 40px auto 0
	}

	.culture {
		position: relative;
		padding: .8rem 2% 5.5rem
	}

	.culture .inside_title {
		text-align: center
	}

	.culture .desc {
		padding: 0;
		text-align: center;
		width: 100%;
		margin: 0 0 .8rem
	}

	.culture .pro {
		position: absolute;
		width: 100%;
		bottom: 5%
	}

	.culture .pro img {
		width: 100%
	}

	.handmade .pro {
		text-align: center;
		width: 100%;
		height: auto
	}

	.handmade .pro img {
		max-width: 100%
	}

	.handmade .desc {
		width: 100%;
		padding: .54rem .58rem
	}

	.handmade-content-list {
		padding: 4% 0 0
	}

	.handmade-item {
		margin: .67rem auto 1.3rem
	}

	.spirit .desc {
		padding: .4rem .3rem
	}

	.spirit .desc>div {
		width: 100%;
		padding: 0 0 .3rem
	}

	.spirit .desc img {
		width: 50%
	}

	.market {
		background-size: cover!important
	}

	.market form {
		width: 100%
	}

	.market .pro {
		display: none
	}

	.service {
		padding-bottom: 1.3rem
	}

	.news-item {
		padding: 0 2%
	}

	.news-list .desc {
		padding: .38rem 0 .38rem .23rem
	}

	.news-list .desc p {
		width: 80%
	}

	.news-list .desc .date {
		width: 20%
	}

	.product-intro .pro {
		margin-right: 0;
		display: block;
		text-align: center;
		margin-bottom: 1rem
	}

	.inspiration {
		padding: .8rem 2%
	}

	.scene .title {
		margin-bottom: .8rem
	}

	.style-desc .pro {
		display: block;
		width: 70%;
		margin: 0 auto
	}

	.style-desc .intro {
		width: 100%!important;
		text-align: center;
		margin: 0 auto;
		float: none!important;
	}

	.trait {
		padding: 0 2% .8rem
	}

	.trait .inside_title {
		margin-bottom: .4rem
	}

	.pj-intro {
		padding: .8rem 2%
	}

	.pj-intro .desc {
		line-height: 34px
	}

	.engine-item {
		margin-bottom: .8rem
	}

	.engine-list {
		width: 33.33%;
		height: 1.2rem
	}

	.engine-list a {
		line-height: 1.2rem
	}

	.honor .inside_title {
		margin: 1.3rem 0 .4rem
	}

	.honor-item {
		margin: .8rem 0 1.3rem
	}

	.honor-list .hover .pro {
		width: 100%;
		height: 2.54rem
	}

	.honor-list .hover {
		width: 100%
	}

	.honor-list:hover .hover {
		height: 2.71rem
	}

	.profile {
		padding: .8rem
	}

	.profile .inside_title {
		margin-bottom: .4rem
	}

	.apply-form {
		width: 9.6rem;
		height: max-content;
		padding: .75rem .58rem
	}

	.apply-form .input-box {
		margin-right: .12rem
	}

	.apply-form textarea {
		height: 200px
	}

	.apply-form button {
		width: 2.8rem;
		height: .5rem
	}
}

@media (max-width:650px) {
	.art .inside_title {
		margin-bottom: .8rem
	}

	.master-list {
		width: 100%;
		margin-bottom: .4rem
	}

	.art_style {
		padding: 0 1%
	}

	.product-item {
		margin-bottom: 1rem
	}

	.product-list {
		width: 100%;
		margin-bottom: .25rem
	}

	.product-list .desc p {
		margin: .5rem 0
	}

	.product-list .desc strong {
		margin: .17rem 0 .4rem
	}

	.product-list .more {
		margin-bottom: .6rem
	}

	.product-list .more a {
		padding: 6px .8rem
	}

	.brand .inside_title {
		margin: 1.4rem 0 .6rem
	}

	.brand .inside_title h3 {
		font-size: 21px
	}

	.brand .desc {
		margin-bottom: .8rem
	}

	.advantage-list {
		width: 100%;
		margin-bottom: 1rem;
		text-align: left;
		padding: 0 .5rem
	}

	.advantage-list .icon {
		margin: 0;
		width: 1.8rem;
		height: 1.8rem;
		display: inline-block;
		vertical-align: middle;
		margin-right: .5rem
	}

	.advantage-list .icon i {
		width: 1.8rem;
		height: 1.8rem
	}

	.advantage-list .icon span {
		width: 1.8rem;
		height: 1.8rem;
		background-size: .8rem!important
	}

	.advantage-list .desc {
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 2.3rem)
	}

	.advantage-list h3 {
		margin: 0 0 .3rem
	}

	.advantage-list p {
		font-size: 12px;
		padding: 0
	}

	.support-list {
		width: 50%
	}

	.choose {
		padding: 1.6rem 0
	}

	.choose p {
		font-size: 22px
	}

	.dealer {
		padding: 1.3rem 0
	}

	.dealer-list {
		border-left: .2rem solid transparent;
		border-right: .2rem solid transparent;
		width: 100%
	}

	.dealer-list .pro {
		height: auto
	}

	.dealer-list .desc {
		margin-bottom: 1rem;
		padding-bottom: .5rem;
		overflow: hidden;
		background: #f7f8f8
	}

	.condition .advantage-list p {
		margin-top: 0;
		font-size: 14px
	}

	.add-warpper {
		margin: .8rem auto 1.3rem
	}

	.add-warpper .desc {
		padding: .4rem .5rem
	}

	.add-list-c p {
		padding: 10px 0 10px .2rem;
		width: calc(100% - 10px)
	}

	.process-item {
		margin-bottom: 1.3rem
	}

	.process-item .line {
		display: none
	}

	.process-list {
		margin-right: 0;
		text-align: center;
		width: 50%;
		margin-bottom: 1rem
	}

	.process-list .process-warrper {
		text-align: center;
		display: inline-block;
		margin-right: 20px
	}

	.process-list p {
		margin-top: 0;
		display: inline-block
	}

	.jm-form {
		padding: .7rem .5rem
	}

	.jm-form .input-box {
		width: 100%!important
	}

	.add-form form button {
		padding: 6px 1.4rem;
		margin: .42rem auto 0!important
	}

	.company-map {
		padding: 1.3rem 0
	}

	.company-map .desc em {
		font-size: 16px;
		padding: 15px 0 .4rem;
		margin-bottom: .8rem
	}

	.company-map .desc p {
		margin-bottom: .3rem
	}

	.company-map .desc p:last-child {
		margin-top: .4rem
	}

	.company-map .desc p span {
		font-size: 14px
	}

	.company-map #map {
		height: 6.5rem;
		margin: .6rem auto 0
	}

	.join .intro {
		margin: 1.2rem 0;
		line-height: 32px;
		font-size: 14px
	}

	.join .inside_title h3 {
		font-size: 24px
	}

	.join .container_contact {
		top: 0
	}

	.career-item {
		padding: 0 2%
	}

	.culture {
		padding: 1.3rem 2% 6.2rem
	}

	.culture .inside_title {
		margin-bottom: .6rem
	}

	.culture .intro {
		line-height: 28px
	}

	.culture .pro {
		bottom: 8%
	}

	.original {
		padding: 1.3rem 2% 1.3rem;
		text-align: left
	}

	.competition {
		height: auto
	}

	.competition .inside_title {
		margin-bottom: 1.3rem
	}

	.competition .desc {
		line-height: 28px;
		margin-bottom: 1.3rem
	}

	.handmade .desc p {
		font-size: 13px
	}

	.handmade-list p {
		font-size: 12px
	}

	.stores .pro {
		margin-top: .46rem
	}

	.service-list {
		width: 100%
	}

	.service-list:last-child .desc {
		margin-bottom: 0
	}

	.service-list .pro {
		height: 5.8rem
	}

	.service-list .desc {
		padding-bottom: .8rem;
		background: #f7f8f8;
		margin-bottom: 1rem;
		overflow: hidden
	}

	.service-list .desc h3 {
		margin: .6rem 0 .4rem
	}

	.where-list {
		width: 50%
	}

	.where-list:nth-child(4n-3) {
		text-align: center
	}

	.where-list:nth-child(4n) {
		text-align: center
	}

	.where-list span {
		margin-bottom: .4rem
	}

	.where-list p {
		font-size: 12px;
		line-height: 24px;
		padding: 0 5px
	}

	.s-tab {
		padding: .4rem 0
	}

	#map {
		height: 7rem;
		margin: .4rem auto .5rem
	}

	.add-form,.msg {
		padding: 1.3rem 0
	}

	.add-form form,.msg form {
		width: 100%
	}

	.add-form form button,.msg form button {
		margin: .8rem auto .33rem
	}

	.appoint {
		margin-bottom: .8rem
	}

	.none-result h3 {
		margin: .8rem 0
	}

	.add-form .pro {
		width: 100%;
		margin-bottom: .8rem
	}

	.add-form form>div {
		padding: .8rem .4rem .42rem
	}

	.add-form form h3,.msg form h3 {
		margin: 10px 0 .6rem
	}

	.add-form form>div,.msg form>div {
		padding: .4rem
	}

	.style-item {
		margin: .6rem 0
	}

	.style-list h3 {
		font-size: 14px
	}

	.style-list p {
		font-size: 8px
	}

	.news-tab .style-list {
		border-left: .1rem solid transparent;
		border-right: .1rem solid transparent
	}

	.news-list {
		padding: .4rem 0
	}

	.news-list:hover .desc {
		background: #fff
	}

	.news-list .pro {
		width: 3.4rem;
		height: 1.7rem;
		margin-right: 0
	}

	.news-list .desc {
		padding: 0;
		padding-left: .4rem;
		width: calc(100% - 3.4rem);
		vertical-align: top
	}

	.news-list .desc p {
		width: 100%;
		border: 0;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		padding: 0;
		font-size: 12px
	}

	.news-list .desc h3 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
		margin-bottom: .12rem
	}

	.news-list .desc h3:before {
		display: none
	}

	.news-list .desc .date {
		display: none
	}

	.product-intro {
		padding: 1.3rem 0
	}

	.product-intro .desc .title {
		font-size: 26px
	}

	.product-intro .desc .title h2 {
		font-size: 26px
	}

	.product-intro .desc .model {
		margin: .6rem 0;
		font-size: 16px
	}

	.product-intro .pro img {
		max-width: 300px;
		max-height: 300px
	}

	.inspiration {
		padding: 1.3rem 2%
	}

	.inspiration .title {
		font-size: 24px
	}

	.inspiration .title h3 {
		font-size: 20px;
		margin-bottom: 1.3rem
	}

	.inpush {
		padding: 0 10%
	}

	.inpush .swiper-container {
		padding: .6rem 0
	}

	.inpush-list .pro img {
		max-height: 120px
	}

	.inpush .s-page {
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 20px;
		margin-top: -18px;
		margin-left: -18px;
		z-index: 1
	}

	.inpush .prev {
		left: -5%
	}

	.inpush .next {
		right: -10%
	}

	.style-item {
		margin: .8rem 0
	}

	.style-warpper {
		padding: .2rem 0
	}

	.style-list {
		width: 33.33%;
		margin-bottom: 8px
	}

	.trait {
		padding-bottom: 1.3rem
	}

	.recommend .left {
		text-align: center;
		margin-top: 1.3rem;
		top: 0
	}

	.recommend .left p {
		font-size: 26px
	}

	.recommend .left h3 {
		margin: .08rem 0 .6rem
	}

	.recommend .page-control {
		display: none
	}

	.recommend .news-page {
		text-align: center
	}

	.recommend .swiper-pagination-bullet {
		margin: .4rem 6px .8rem
	}

	.recommend .left .pro {
		width: 9.6rem
	}

	.recommend .right {
		width: 100%;
		text-align: left;
		padding-bottom: .5rem;
		margin-bottom: 1.3rem;
		z-index: 1
	}

	.recommend .right .pro {
		width: 3.6rem;
		margin-bottom: 0;
		display: inline-block;
		vertical-align: middle;
		margin-right: 1rem;
		text-align: center
	}

	.recommend .right .pro img {
		max-height: 2.6rem
	}

	.recommend .right .desc {
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 4.6rem)
	}

	.filter .title {
		margin: 1.6rem 0 .6rem
	}

	.radio-list {
		margin-right: .42rem;
		margin-bottom: .3rem
	}

	.style-product-list {
		width: 50%
	}

	.style-product-list .pro {
		margin-bottom: .3rem
	}

	.style-product-list .pro img {
		height: 2.8rem
	}

	.style-product-list .desc p {
		font-size: 12px;
		margin: .2rem 0 .15rem
	}

	.style-product-list .desc span {
		font-size: 12px
	}

	.filter .get-more {
		margin: .6rem 0 1.3rem
	}

	.filter .get-more i {
		width: 65px;
		background-size: 40px
	}

	.pj-intro {
		padding: 1.3rem 0
	}

	.pj-intro .desc {
		font-size: 14px
	}

	.flow-item {
		margin-bottom: 1.3rem
	}

	.flow-list .num {
		display: none
	}

	.flow-list .point {
		display: none
	}

	.flow-list .desc {
		width: 9.6rem;
		padding: .4rem 0 .4rem 0;
		text-align: center
	}

	.flow-list .desc i {
		margin: 0 auto .2rem;
		display: block
	}

	.engine-item {
		margin-bottom: 1.3rem
	}

	.engine-list {
		width: 50%;
		height: 2rem
	}

	.engine-list a {
		line-height: 2rem
	}

	.engine-list a img {
		max-width: 110px;
		max-height: 60px
	}

	.honor {
		padding: 0 2%
	}

	.honor .inside_title {
		margin: 1.3rem 0 .8rem
	}

	.honor .desc p {
		font-size: 13px;
		line-height: 28px
	}

	.honor-list {
		width: 50%
	}

	.honor-list p {
		font-size: 14px;
		padding: 15px 0
	}

	.honor-list .hover {
		bottom: 49px
	}

	.honor-list .hover .pro,.honor-list:hover .hover {
		height: 6rem
	}

	.honor-list .hover-warpper {
		padding: 5px
	}

	.distribution {
		padding: 1.3rem 0
	}

	.distribution .desc {
		padding: 0 2%;
		font-size: 13px;
		line-height: 28px
	}

	.distribution .inside_title {
		margin-bottom: .8rem
	}

	.history-item {
		margin: 1.3rem 0
	}

	.history-list p {
		padding: 10px 10px 10px 20px;
		font-size: 13px;
		width: calc(100% - 77px)
	}

	.history-list span {
		font-size: 16px;
		width: 54px
	}

	.history-list i {
		margin-left: calc(22px - 2%)
	}

	.history-line {
		left: 80px;
		height: calc(100% - 60px)
	}

	.history {
		padding: 1.3rem 0
	}

	.history .desc {
		padding: 0 2%;
		font-size: 13px;
		line-height: 28px
	}

	.history .inside_title {
		margin-bottom: .6rem
	}

	.profile {
		padding: 1.3rem 2%
	}

	.profile .desc {
		font-size: 13px;
		line-height: 28px
	}

	.apply-form {
		padding: 1.3rem .2rem
	}

	.apply-form .input-box {
		width: 49%
	}

	.apply-form .input-box:nth-child(3n) {
		margin-right: .12rem
	}

	.apply-form .input-box:nth-child(2n) {
		margin-right: 0
	}

	.apply-form .textarea {
		width: 100%
	}

	.apply-form textarea {
		height: 150px
	}

	.apply-form button {
		width: 4rem;
		height: 33px
	}

	.inside_banner .desc {
		display: none
	}

	.s-store-list {
		width: 100%
	}

	.s-s-warpper {
		padding: .9rem
	}

	.link-list a {
		width: 48%;
		margin-right: 2%
	}

	.link-list a img {
		max-width: 188px;
		max-height: 66px
	}

	.warpper_news_det {
		padding: 0 4%
	}

	.warpper_news_det .det-title {
		margin-top: 40px
	}

	.warpper_news_det .det-title h2 {
		font-size: 24px
	}

	.aptitude .desc,.art .desc,.brand .desc,.competition .desc,.distribution .desc,.history .desc,.honor .desc,.original .desc,.pj-intro .desc,.product-list .desc,.profile .desc,.stores .desc {
		text-align: center;
		line-height: 24px;
		padding: 0 9%
	}

	.culture .intro,.join .intro {
		text-align: center;
		line-height: 24px;
		padding: 0 9%
	}

	.container_product p {
		text-align: center;
		line-height: 24px;
		padding: 0 9%!important
	}

	.container_product div {
		text-align: center;
		line-height: 24px;
		padding: 0 9%!important
	}

	.brand p {
		display: inline
	}

	.brand .inside_title {
		padding: 0 5%
	}

	.brand .inside_title h3 {
		margin-bottom: 10px
	}

	.brand .inside_title p {
		font-size: 10px
	}

	.process,.recommend .right,.service,.trait {
		display: none
	}
	.trait{display: block;padding: 0;padding-bottom: 1.3rem;}
	.silder-box-1{width: 100%;}
	.silder{width: 100%!important;}
	.silder ul{text-align: center;overflow-x: auto;margin-left: 8vw;}
	.silder li{width: 42vw!important;display: inline-block;margin-right: 0!important;}
	div.responsivegallery div.figurearea{width: 66%!important;}
	div.responsivegallery div.figurearea .thecaption div.captioninner span.counter{font-size: 0.2rem;}
	div.responsivegallery div.figurearea .thecaption div.captioninner{font-size: 0.32rem;}
	.container_contact {
		padding: 0 4%;
	}
}

@media (max-width:375px) {
	.news-list .desc {
		vertical-align: top
	}

	.news-list .desc p {
		display: none
	}

	.news-list .desc h3 {
		text-overflow: unset;
		white-space: inherit
	}

	.style-list h3 {
		font-size: 13px
	}

	.honor-list p {
		font-size: 12px
	}

	.history-item {
		padding: 0 1% 0 2%
	}

	.history-list i {
		margin-left: calc(21px - 2%)
	}
}