.handmade {
	font-size: 0px;
}
.silder-box {
	margin: 50px auto; position: relative;
}
.silder {
	margin: 0px auto;
}
.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 {
	background: url("../images/bl.png"); left: 10px;
}
.silder-button.btr {
	background: url("../images/br.png"); right: 10px;
}
.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 {
	top: 252px; width: 100%; height: 28px; float: left; position: relative;
}
.btndiv strong {
	padding-top: 4px; padding-left: 10px; float: left;
}
a.abtn {
	background: url("../images/btn.gif") no-repeat; outline: 0px; width: 24px; height: 22px; text-indent: -999em; overflow: hidden; display: block; position: absolute;
}
a.aleft {
	background-position: 0px -32px; right: 50%; margin-right: 15px;
}
a.agrayleft {
	background-position: 0px 0px; cursor: default;
}
a.aright {
	background-position: -34px 0px; right: 50%; margin-right: -40px;
}
a.agrayright {
	background-position: -34px -32px; cursor: default;
}
.uldiv {
	width: 325px; position: relative;
}
.scrollcontainer {
	margin: 0px auto; width: 325px; height: 370px; overflow: hidden; position: relative;
}
.scrollcontainer ul {
	left: 0px; top: 0px; width: 20000px; position: absolute;
}
.scrollcontainer li {
	width: 325px; margin-bottom: 30px; float: left;
}
.scrollcontainer li div {
	cursor: pointer;
}
.scrollcontainer li div:hover div {
	color: rgb(184, 61, 63) !important;
}
.gzbtn {
	background: url("../images/btngz.gif") no-repeat; margin: 0px auto; border: 0px currentColor; border-image: none; width: 100px; height: 30px; text-indent: -999em; display: block;
}
.handmade .pro {
	width: 428px; height: 463px;
}
.handmade .desc {
	padding: 65px 70px; width: calc(100% - 428px);
}
.handmade .desc br {
	font-size: 12px;
}
.handmade .desc h3 {
	font-size: 20px; margin-bottom: 30px;
}
.handmade .desc p {
	line-height: 24px; font-size: 14px;
}
.handmade-content {
	background: rgb(255, 255, 255); position: relative;
}
.handmade-item {
	margin: 80px auto; position: relative;
}
.handmade-item.scroll-watch-in-view .line {
	width: 100%;
}
.handmade-item.scroll-watch-in-view .handmade-list {
	opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none;
}
.handmade-item .line {
	background: rgb(218, 219, 220); transition:1.4s; left: 0px; top: 0px; width: 0%; height: 1px; position: absolute; -webkit-transition: ease 1.4s; -moz-transition: ease 1.4s; -o-transition: ease 1.4s;
}
.handmade-list {
	transition:1.5s cubic-bezier(0.4, 0, 0.2, 1); width: 25%; text-align: center; display: inline-block; cursor: pointer; opacity: 0; transform: translateY(10px); -webkit-transition: cubic-bezier(.4, 0, .2, 1) 1.5s; -moz-transition: cubic-bezier(.4, 0, .2, 1) 1.5s; -o-transition: cubic-bezier(.4, 0, .2, 1) 1.5s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px);
}
:nth-child(2).handmade-list {
	transition-delay: 0.6s;
}
:nth-child(3).handmade-list {
	transition-delay: 0.8s;
}
:nth-child(4).handmade-list {
	transition-delay: 1s;
}
:nth-child(5).handmade-list {
	transition-delay: 1.2s;
}
.handmade-list.this i {
	box-shadow: inset 0px 0px 0px 8px #bc1717;
}
.handmade-list.this p {
	color: rgb(188, 23, 23);
}
.handmade-list i {
	background: rgb(150, 152, 155); transition:1s; top: -4px; width: 8px; height: 8px; margin-bottom: 16px; display: inline-block; position: relative; box-shadow: inset 0px 0px 0px 0px #8b8b8a; transform: rotate(45deg); -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.handmade-list p {
	color: rgb(150, 152, 155); font-size: 16px;
}
.handmade-content-list {
	transition:1s; left: 0px; top: 0px; width: 100%; visibility: hidden; position: absolute; opacity: 0; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s;
}
.handmade-content-list.this {
	visibility: visible; position: relative; opacity: 1;
}
.master {
	background: url("../images/master-bg.jpg") fixed no-repeat center / cover; overflow: hidden; padding-bottom: 140px;
}
.master .inside_title {
	color: rgb(255, 255, 255);
}
.master-item {
	font-size: 0px;
}
.master-item br {
	font-size: 12px;
}
.master-list {
	width: 33.33%; border-right-color: transparent; border-left-color: transparent; border-right-width: 5px; border-left-width: 5px; border-right-style: solid; border-left-style: solid; display: inline-block;
}
:nth-child(2).master-list {
	transition-delay: 150ms;
}
:nth-child(3).master-list {
	transition-delay: 350ms;
}
.master-list .desc {
	background: rgb(51, 63, 80); padding: 34px 34px 44px; color: rgb(247, 248, 248);
}
.master-list .desc p {
	line-height: 32px; font-size: 18px; margin-bottom: 10px;
}
.master-list .desc span {
	line-height: 24px; font-size: 14px; font-weight: lighter; vertical-align: middle; display: block;
}
.master-list .desc span::before {
	background: rgb(247, 248, 248); width: 6px; height: 6px; margin-right: 10px; vertical-align: middle; display: inline-block; content: ""; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.spirit {
	padding-bottom: 140px;
}
.spirit .desc {
	border: 1px solid rgb(210, 210, 210); border-image: none; font-size: 0px;
}
.spirit .desc br {
	font-size: 12px;
}
.spirit .desc > div {
	padding: 0px 60px; width: calc(100% - 534px); line-height: 24px; font-size: 14px; vertical-align: middle; display: inline-block;
}
.art .inside_title {
	margin-bottom: 40px;
}
.art .desc {
	text-align: center; line-height: 40px; font-size: 14px;
}
.art .pro {
	margin: 85px 0px 145px;
}
.art_master {
	background: url("../images/master-bg2.jpg") fixed no-repeat center / 110%;
}
.art_style {
	background: rgb(255, 255, 255); overflow: hidden; padding-bottom: 163px;
}
.product-item {
	font-size: 0px;
}
.product-warrper {
	transition:1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s;
}
.product-list {
	width: 33.33%; text-align: center; margin-bottom: 10px; border-right-color: transparent; border-left-color: transparent; border-right-width: 5px; border-left-width: 5px; border-right-style: solid; border-left-style: solid; display: inline-block;
}
:nth-child(2).product-list {
	transition-delay: 0.1s;
}
:nth-child(3).product-list {
	transition-delay: 0.2s;
}
.product-list:hover .product-warrper {
	background-color: rgb(241, 241, 241);
}
.product-list:hover .more {
	background-color: rgb(188, 23, 23);
}
.product-list:hover .more a {
	color: rgb(255, 255, 255);
}
.product-list .desc {
	padding: 0px 35px;
}
.product-list .desc span {
	font-size: 20px; margin-top: 6px; display: inline-block; position: relative;
}
.product-list .desc span::before {
	background: rgb(169, 182, 196); top: -4px; width: 100%; height: 1px; display: block; position: relative; content: "";
}
.product-list .desc span::after {
	background: rgb(169, 182, 196); width: 100%; height: 1px; bottom: -6px; display: block; position: relative; content: "";
}
.product-list .desc strong {
	margin: 20px 0px 15px; letter-spacing: 1px; font-size: 20px; font-weight: 400; display: inline-block;
}
.product-list .desc p {
	margin: 35px 0px 30px; line-height: 26px; font-size: 14px;
}
.product-list .more {
	transition:0.4s; margin-top: 0px; margin-bottom: 55px; display: inline-block; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s;
}
.product-list .more a {
	padding: 6px 67px; transition:0.4s; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s;
}
.product-warrper {
	border: 1px solid rgb(223, 223, 223); border-image: none;
}
.profile {
	padding: 85px 0px; text-align: center;
}
.profile .inside_title {
	margin: 0px 0px 45px;
}
.profile .desc {
	line-height: 36px; font-size: 14px;
}
.history {
	padding: 108px 0px 175px; text-align: center;
}
.history .inside_title {
	margin: 0px 0px 45px; color: rgb(255, 255, 255);
}
.history .desc {
	color: rgb(255, 255, 255); line-height: 36px; font-size: 14px;
}
.history-item {
	margin: 70px 0px; font-size: 0px; position: relative;
}
.history-line {
	left: 112px; top: 40px; height: calc(100% - 80px); border-left-color: rgb(218, 218, 218); border-left-width: 1px; border-left-style: dashed; position: absolute; z-index: 0;
}
.history-list {
	position: relative; z-index: 1;
}
.history-list.cur p {
	background: rgb(223, 223, 223);
}
.history-list.cur i {
	background: rgb(188, 23, 23);
}
.history-list span {
	width: 68px; font-size: 20px; -ms-word-wrap: break-word;
}
.history-list i {
	background: rgb(218, 218, 218); margin: 0px 0px 0px 42px; transition:0.4s; width: 8px; height: 8px; vertical-align: middle; display: inline-block; transform: rotate(45deg); -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.history-list p {
	padding: 30px 30px 30px 50px; transition:0.4s; left: -5px; width: calc(100% - 120px); line-height: 26px; font-size: 14px; position: relative; z-index: -1; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s;
}
.distribution {
	padding: 70px 0px 209px; text-align: center;
}
.distribution .inside_title {
	margin: 0px 0px 45px; color: rgb(255, 255, 255);
}
.distribution .desc {
	color: rgb(247, 248, 248); line-height: 36px; font-size: 14px;
}
.honor .inside_title {
	margin: 90px 0px 30px;
}
.honor .desc {
	text-align: center;
}
.honor .desc p {
	line-height: 36px; font-size: 14px;
}
.honor-item {
	margin: 60px 0px 100px; font-size: 0px;
}
.honor-list {
	width: 25%; margin-bottom: 22px; border-right-color: transparent; border-left-color: transparent; border-right-width: 7px; border-left-width: 7px; border-right-style: solid; border-left-style: solid; display: inline-block; position: relative; cursor: pointer;
}
.honor-list:hover p {
	background: rgb(188, 23, 23); color: rgb(255, 255, 255);
}
.honor-list:hover .hover {
	height: 325px;
}
.honor-list.define-dashed.hack p {
	border: 1px dashed rgb(188, 23, 23); border-image: none;
}
.honor-list p {
	padding: 20px 0px; transition:0.4s; width: 100%; text-align: center; color: rgb(188, 23, 23); font-size: 16px; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s;
}
.honor-list .hover {
	background: rgb(188, 23, 23); transition:height 0.6s; left: 0px; height: 0px; bottom: 60px; overflow: hidden; position: absolute; -webkit-transition: height ease .6s; -moz-transition: height ease .6s; -o-transition: height ease .6s;
}
.honor-list .hover .pro {
	width: 233px; height: 305px;
}
.honor-list .hover-warpper {
	padding: 10px;
}
.culture {
	padding: 138px 0px 150px;
}
.culture .desc {
	text-align: left; margin-left: 75px;
}
.culture .inside_title {
	margin: 0px 0px 32px; text-align: left;
}
.culture .intro {
	line-height: 32px; font-size: 14px;
}
.original {
	padding: 120px 0px 133px; text-align: center;
}
.original .inside_title {
	color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 45px;
}
.original .desc {
	color: rgb(255, 255, 255); line-height: 32px; font-size: 14px;
}
.aptitude {
	padding-bottom: 125px;
}
.aptitude .inside_title {
	margin-bottom: 0px;
}
.aptitude .desc {
	margin: 35px 0px 45px; text-align: center; line-height: 30px; font-size: 14px;
}
.competition {
	height: 531px; overflow: hidden;
}
.competition .inside_title {
	color: rgb(255, 255, 255); margin-bottom: 50px;
}
.competition .desc {
	text-align: center; color: rgba(247, 248, 248, 0.7); font-size: 14px;
}
.style .desc {
	top: 53%; width: 53%; text-align: left; transform: translate(-50%, -51%); -webkit-transform: translate(-50%, -51%); -moz-transform: translate(-50%, -51%); -o-transform: translate(-50%, -51%);
}
.style .desc strong {
	line-height: 50px; font-size: 60px; font-weight: 400;
}
.style .desc h2 {
	font-size: 34px; font-weight: 700; margin-top: 10px;
}
.tab {
	background: rgb(255, 255, 255);
}
.style-item {
	margin: 50px 0px; font-size: 0px;
}
.style-list {
	width: 14.28%; text-align: center; border-right-color: transparent; border-left-color: transparent; border-right-width: 4px; border-left-width: 4px; border-right-style: solid; border-left-style: solid; display: inline-block;
}
:nth-child(2).style-list {
	transition-delay: 0.1s;
}
:nth-child(3).style-list {
	transition-delay: 0.2s;
}
:nth-child(4).style-list {
	transition-delay: 0.3s;
}
:nth-child(5).style-list {
	transition-delay: 0.4s;
}
:nth-child(6).style-list {
	transition-delay: 0.5s;
}
:nth-child(7).style-list {
	transition-delay: 0.6s;
}
:nth-child(8).style-list {
	transition-delay: 0.7s;
}
:nth-child(9).style-list {
	transition-delay: 0.8s;
}
.style-list.this .style-warpper::before {
	background: rgb(188, 23, 23);
}
.style-list:hover .style-warpper::before {
	background: rgb(188, 23, 23);
}
.style-list h3 {
	color: rgb(188, 23, 23); font-size: 18px; margin-bottom: 5px;
}
.style-list p {
	color: rgb(155, 155, 155); text-transform: uppercase; font-size: 10px;
}
.style-list p i {
	background: url("../images/icon1.png") no-repeat center / contain; width: 9px; height: 9px; margin-left: 3px; display: inline-block;
}
.style-warpper {
	padding: 10px 0px; position: relative;
}
.style-warpper::before {
	background: 0px 0px; transition:0.3s; left: 0px; width: 100%; height: 3px; bottom: -1px; display: inline-block; position: absolute; content: ""; -webkit-transition: ease .3s; -moz-transition: ease .3s; -o-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 0px;
}
.style-desc .intro p {
	line-height: 30px; font-size: 14px;
}
.trait {
	background: rgb(255, 255, 255); overflow: hidden; padding-bottom: 80px;
}
.trait .inside_title {
	margin-bottom: 35px;
}
.trait .desc {
	text-align: center;
}
.trait .desc p {
	line-height: 30px; font-size: 14px;
}
.recommend {
	font-size: 0px;
}
.recommend .container {
	overflow: inherit;
}
.recommend .left {
	top: 46px; color: rgb(255, 255, 255); margin-top: 31px; position: relative;
}
.recommend .left p {
	color: rgb(188, 22, 22); font-size: 38px; font-weight: 700;
}
.recommend .left h3 {
	margin: 10px 0px 35px; color: rgb(188, 22, 22); font-size: 24px;
}
.recommend .left .pro {
	width: 725px; position: relative;
}
.recommend .right {
	background: rgb(233, 233, 233); padding: 47px 0px; width: 382px; text-align: center; position: relative;
}
.recommend .right .pro {
	width: 241px; line-height: 290px; margin-bottom: 20px; display: inline-block; min-height: 290px;
}
.recommend .right .desc p {
	margin: 15px 0px 10px; font-size: 14px; display: block;
}
.recommend .right .desc span {
	font-size: 14px;
}
.recommend .page-control {
	left: 0px; bottom: -46px; position: absolute;
}
.recommend .page-control > div {
	background: rgb(89, 89, 89); transition:0.6s; width: 46px; height: 46px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-family: SimSun; font-size: 18px; font-weight: bolder; display: inline-block; cursor: pointer; -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s;
}
.recommend .page-control > div:hover {
	background: rgb(188, 23, 23);
}
.filter {
	background: rgb(255, 255, 255); overflow: hidden; margin-top: 50px;
}
.filter .title {
	font-size: 24px; margin-top: 165px; margin-bottom: 35px;
}
.filter form {
	text-align: center;
}
.filter .get-more {
	background: rgb(217, 224, 231); margin: 30px 0px 100px; width: 100%; height: 1px; text-align: center;
}
.filter .get-more i {
	background: url("../images/icon2.png") no-repeat center rgb(255, 255, 255); border-radius: 50%; width: 100px; height: 64px; margin-top: -30px; display: inline-block; cursor: pointer;
}
.radio-list {
	margin-right: 50px; display: inline-block;
}
:last-child.radio-list {
	margin-right: 0px;
}
.radio-list input {
	display: none;
}
.radio-list input:checked + label::after {
	background: rgb(188, 23, 23); left: 4px; top: 50%; width: 6px; height: 6px; margin-top: -3px; position: absolute; content: "";
}
.radio-list label {
	font-size: 12px; vertical-align: middle; display: inline-block; position: relative; cursor: pointer;
}
.radio-list label::before {
	border: 1px dashed rgb(188, 23, 23); border-image: none; width: 14px; height: 14px; margin-right: 7px; margin-bottom: 1px; vertical-align: bottom; display: inline-block; content: "";
}
.radio-list span {
	font-size: 14px;
}
.style-product-item {
	text-align: left; font-size: 0px; margin-top: 120px;
}
.style-product-list {
	width: 25%; text-align: center; color: rgb(136, 136, 136); margin-bottom: 100px; vertical-align: bottom; display: inline-block;
}
.style-product-list a {
	color: rgb(136, 136, 136);
}
.style-product-list:hover a {
	color: rgb(188, 23, 23);
}
.style-product-list:hover img {
	transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px);
}
.style-product-list .pro {
	margin-bottom: 35px;
}
.style-product-list .pro img {
	transition:1s; width: auto; max-height: 198px; max-width: 200px; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s;
}
.style-product-list .desc {
	width: 80%; text-align: center; display: inline-block;
}
.style-product-list .desc p {
	margin: 15px 0px 10px; text-align: left; line-height: 20px; font-size: 12px; display: inline-block;
}
.style-product-list .desc span {
	font-size: 12px;
}
.market {
	overflow: hidden; font-size: 0px;
}
.market .inside_title {
	color: rgb(255, 255, 255); margin-bottom: 55px;
}
.market form {
	background: rgba(0, 0, 0, 0.5); padding: 27px 25px; border: 1px dashed rgba(213, 213, 213, 0.3); border-image: none; width: calc(100% - 299px); margin-right: 22px; display: inline-block;
}
.market form p {
	color: rgb(255, 255, 255); font-size: 14px; margin-top: 30px; margin-bottom: 10px;
}
.market form input {
	background: rgb(25, 31, 38); border: 1px dashed rgba(213, 213, 213, 0.1); border-image: none; width: 100%; height: 35px; color: rgb(255, 255, 255); line-height: 35px; padding-left: 10px; font-size: 14px;
}
.market form button {
	background: 0px 0px; margin: 50px auto; border: 1px solid rgb(88, 90, 95); border-image: none; width: 157px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 14px; display: block;
}
.market .pro {
	display: inline-block;
}
.market .search-type > div {
	border: 1px dashed rgba(213, 213, 213, 0.5); transition:0.3s; border-image: none; width: 50%; height: 38px; text-align: center; color: rgb(255, 255, 255); line-height: 38px; font-size: 14px; margin-right: 17px; display: inline-block; position: relative; cursor: pointer; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s;
}
.market .search-type > div.this {
	background: rgb(188, 23, 23); border: 1px solid transparent; border-image: none;
}
.market .search-type > div.this::before {
	background: 0px 0px; border-width: 8px; border-style: solid; border-color: rgb(188, 23, 23) transparent transparent; left: 50%; width: 0px; height: 0px; bottom: -17px; margin-left: -4px; position: absolute; content: "";
}
.market .search-type > div:hover {
	background: rgb(188, 23, 23); border: 1px solid transparent; border-image: none;
}
.market .search-type > div:last-child {
	width: calc(50% - 17px); margin-right: 0px;
}
.market .tips {
	text-align: center;
}
.market .tips em {
	margin: 45px 0px 5px; color: rgb(255, 255, 255); font-size: 20px; display: inline-block;
}
.market .tips p {
	color: rgb(213, 213, 213); font-size: 14px; font-weight: lighter;
}
.market .tips .phone {
	margin: 20px 0px 25px; padding: 8px 35px; border: 1px dashed rgba(213, 213, 213, 0.5); border-image: none; color: rgb(193, 193, 193); font-size: 14px; display: inline-block;
}
.market .tips .time {
	color: rgb(213, 213, 213); line-height: 24px; font-size: 14px; font-weight: lighter; margin-bottom: 50px;
}
.market .cs p {
	margin-top: 23px;
}
.market .cs button {
	margin: 20px auto 0px;
}
.stores {
	text-align: center;
}
.stores .inside_title {
	margin-bottom: 40px;
}
.stores .desc {
	line-height: 32px; font-size: 14px;
}
.stores .pro {
	margin-top: 55px;
}
.stores .swiper-pagination {
	margin: 35px 0px 100px; bottom: 0px; position: relative;
}
.stores .swiper-pagination-bullet {
	background: rgb(176, 176, 176); margin: 0px 10px !important;
}
.stores .swiper-pagination-bullet-active {
	background: rgb(188, 23, 23);
}
.service {
	background: rgb(255, 255, 255); overflow: hidden; padding-bottom: 100px; font-size: 0px;
}
.service-list {
	width: 33.33%; border-right-color: transparent; border-left-color: transparent; border-right-width: 10px; border-left-width: 10px; border-right-style: solid; border-left-style: solid; display: inline-block;
}
:nth-child(2).service-list {
	transition-delay: 0.1s;
}
:nth-child(3).service-list {
	transition-delay: 0.2s;
}
.service-list .pro {
	width: 100%; height: 237px;
}
.service-list .desc {
	padding: 0px 10px; text-align: center;
}
.service-list .desc h3 {
	margin: 40px 0px 20px; font-size: 20px;
}
.service-list .desc p {
	line-height: 24px; font-size: 14px;
}
.where {
	overflow: hidden; padding-bottom: 106px;
}
.where .inside_title {
	margin: 90px 0px; color: rgb(255, 255, 255);
}
.where-item {
	font-size: 0px;
}
.where-list {
	width: 25%; text-align: center; color: rgb(255, 255, 255); margin-bottom: 75px; display: inline-block;
}
:nth-child(4n-3).where-list {
	text-align: left;
}
:nth-child(4n).where-list {
	text-align: right;
}
.where-list > div {
	text-align: center; display: inline-block;
}
.where-list span {
	text-align: center; font-size: 20px; margin-bottom: 20px; display: block;
}
.where-list p {
	line-height: 34px; font-size: 14px;
}
.market-search {
	transition:1.2s cubic-bezier(0.38, 0, 0.21, 1.01); height: 278px; -webkit-transition: cubic-bezier(.38, 0, .21, 1.01) 1.2s; -moz-transition: cubic-bezier(.38, 0, .21, 1.01) 1.2s; -o-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 {
	height: 100%; position: relative;
}
.market-search .result {
	left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; position: absolute;
}
.market-search .result span {
	top: 40%; color: rgb(255, 255, 255); font-size: 24px;
}
.market-search .seach-icon {
	background: url("../images/icon3.png") no-repeat center / contain; transition:0.6s; left: 50%; width: 30px; height: 30px; bottom: 30%; margin-left: -15px; position: absolute; cursor: pointer; -webkit-transition: ease .6s; -moz-transition: ease .6s; -o-transition: ease .6s;
}
.market-search .no-result {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
.s-store {
	background: rgb(240, 240, 240);
}
.liebiao {
	position: relative; z-index: 2;
}
.s-tab {
	padding: 25px 0px; margin-left: 18px; position: relative;
}
.s-tab .selcet {
	margin-top: 7px; float: left;
}
.s-tab .selcet input {
	display: none;
}
.s-tab .selcet input:checked + label::after {
	background: rgb(188, 23, 23); left: 4px; top: 50%; width: 6px; height: 6px; margin-top: -3px; position: absolute; content: "";
}
.s-tab .selcet label {
	font-size: 14px; vertical-align: middle; display: inline-block; position: relative; cursor: pointer;
}
.s-tab .selcet label::before {
	border: 1px dashed rgb(188, 23, 23); border-image: none; width: 14px; height: 14px; margin-right: 7px; margin-bottom: 2px; vertical-align: bottom; display: inline-block; content: "";
}
.s-tab .qita {
	float: right;
}
.s-tab .qita span {
	padding: 5px 15px 5px 22px; border: 1px dashed rgb(188, 23, 23); border-image: none; color: rgb(188, 23, 23); font-size: 14px; margin-right: 25px; display: inline-block; cursor: pointer;
}
.s-tab .qita span i {
	left: -5px; top: 2px; width: 15px; height: 15px; display: inline-block; position: relative;
}
.s-store-item {
	font-size: 0px;
}
.s-store-item u {
	background: rgb(255, 255, 255); left: 0px; width: 100%; height: 1px; position: absolute;
}
.s-s-warpper {
	background: rgb(188, 23, 23); padding: 40px;
}
.s-store-list {
	margin: 0px 0px 50px; width: 50%; color: rgb(255, 255, 255); border-right-color: transparent; border-left-color: transparent; border-right-width: 18px; border-left-width: 18px; border-right-style: solid; border-left-style: solid; display: inline-block;
}
:nth-child(2).s-store-list {
	margin-top: 50px;
}
.s-store-list span {
	padding-bottom: 15px; font-size: 18px; vertical-align: middle; border-bottom-color: rgba(255, 255, 255, 0.3); border-bottom-width: 1px; border-bottom-style: dashed; display: block;
}
.s-store-list span::before {
	width: 6px; height: 6px; margin-right: 5px; vertical-align: middle; display: inline-block; content: ""; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.s-store-list .pro {
	margin: 15px 0px; width: 200px; height: 127px;
}
.s-store-list p {
	line-height: 27px; padding-bottom: 10px; font-size: 14px; margin-bottom: 30px; border-bottom-color: rgba(255, 255, 255, 0.3); border-bottom-width: 1px; border-bottom-style: dashed;
}
.s-store-list i {
	background: url("../images/icon6.png") no-repeat center / contain; width: 17px; height: 19px; display: inline-block; cursor: pointer;
}
.add-form {
	background: rgb(255, 255, 255); padding: 80px 0px; font-size: 0px; position: relative; z-index: 2;
}
.msg {
	background: rgb(255, 255, 255); padding: 80px 0px; font-size: 0px; position: relative; z-index: 2;
}
.add-form form {
	width: 50%; border-right-color: transparent; border-left-color: transparent; border-right-width: 18px; border-left-width: 18px; border-right-style: solid; border-left-style: solid; display: inline-block;
}
.msg form {
	width: 50%; border-right-color: transparent; border-left-color: transparent; border-right-width: 18px; border-left-width: 18px; border-right-style: solid; border-left-style: solid; display: inline-block;
}
.add-form form > div {
	padding: 30px; border: 1px solid rgb(219, 219, 219); border-image: none;
}
.msg form > div {
	padding: 30px; border: 1px solid rgb(219, 219, 219); border-image: none;
}
.add-form form h3 {
	margin: 10px 0px 40px; text-align: center; font-size: 24px;
}
.msg form h3 {
	margin: 10px 0px 40px; text-align: center; font-size: 24px;
}
.add-form form .input-box {
	margin-bottom: 8px; position: relative;
}
.msg form .input-box {
	margin-bottom: 8px; position: relative;
}
.add-form form input {
	background: 0px 0px; border: 1px solid rgb(219, 219, 219); border-image: none; width: 100%; height: 40px; padding-left: 10px; position: relative; z-index: 1;
}
.msg form input {
	background: 0px 0px; border: 1px solid rgb(219, 219, 219); border-image: none; width: 100%; height: 40px; padding-left: 10px; position: relative; z-index: 1;
}
.add-form form input:active + span {
	display: none;
}
.msg form input:active + span {
	display: none;
}
.add-form form input:focus + span {
	display: none;
}
.msg form input:focus + span {
	display: none;
}
.add-form form textarea {
	background: 0px 0px; padding: 5px 0px 0px 5px; border: 1px solid rgb(219, 219, 219); border-image: none; width: 100%; height: 120px; position: relative; z-index: 1; resize: none;
}
.msg form textarea {
	background: 0px 0px; padding: 5px 0px 0px 5px; border: 1px solid rgb(219, 219, 219); border-image: none; width: 100%; height: 120px; position: relative; z-index: 1; resize: none;
}
.add-form form textarea:active + span {
	display: none;
}
.msg form textarea:active + span {
	display: none;
}
.add-form form textarea:focus + span {
	display: none;
}
.msg form textarea:focus + span {
	display: none;
}
.add-form form .searchfont {
	left: 10px; top: 10px; letter-spacing: 1px; font-size: 14px; position: absolute; z-index: 0;
}
.msg form .searchfont {
	left: 10px; top: 10px; letter-spacing: 1px; font-size: 14px; position: absolute; z-index: 0;
}
.add-form form button {
	background: 0px 0px; margin: 60px auto 40px; padding: 5px 70px; border: 1px dashed rgb(188, 23, 23); transition:0.4s; border-image: none; font-size: 14px; display: block; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s;
}
.msg form button {
	background: 0px 0px; margin: 60px auto 40px; padding: 5px 70px; border: 1px dashed rgb(188, 23, 23); transition:0.4s; border-image: none; font-size: 14px; display: block; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s;
}
.add-form form button:hover {
	background: rgb(188, 23, 23); color: rgb(255, 255, 255);
}
.msg form button:hover {
	background: rgb(188, 23, 23); color: rgb(255, 255, 255);
}
.add-form .message button {
	margin-top: 28px;
}
.msg .message button {
	margin-top: 28px;
}
.map-box {
	width: 100%; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid;
}
#map {
	margin: 40px auto 60px; width: 90%; height: 800px;
}
.none-result {
	background: rgb(240, 240, 240); overflow: hidden; position: relative; z-index: 2;
}
.none-result h3 {
	margin: 55px 0px; text-align: center; font-size: 16px;
}
.add-form {
	background: rgb(255, 255, 255); padding: 70px 0px;
}
.add-form .pro {
	width: 50%; text-align: center; border-right-color: transparent; border-left-color: transparent; border-right-width: 18px; border-left-width: 18px; border-right-style: solid; border-left-style: solid; display: inline-block;
}
.add-form .pro > div {
	padding: 35px 0px 60px; border: 1px solid rgb(231, 231, 231); border-image: none;
}
.add-form .pro h4 {
	font-size: 24px;
}
.add-form .pro p {
	margin: 38px 0px; line-height: 24px; font-size: 14px;
}
.add-form .pro img {
	margin: 0px auto; display: block;
}
.add-form .pro .back {
	margin: 20px auto 0px; padding: 6px 67px; border: 1px dashed rgb(188, 23, 23); border-image: none; font-size: 14px; display: inline-block;
}
.add-form .pro .back:hover {
	background: rgb(188, 23, 23); color: rgb(255, 255, 255);
}
.add-form form {
	text-align: center;
}
.add-form form > div {
	padding: 30px 30px 51px;
}
.add-form form h4 {
	margin: 0px 0px 40px; font-size: 24px;
}
.add-form form textarea {
	height: 160px;
}
.add-form form button {
	padding: 6px 95px; margin-top: 20px; margin-bottom: 0px;
}
.add-form form .back {
	margin: 20px auto 0px; padding: 6px 54px; border: 1px dashed rgb(188, 23, 23); border-image: none; font-size: 14px; display: inline-block;
}
.add-form form .back:hover {
	background: rgb(188, 23, 23); color: rgb(255, 255, 255);
}
.news-tab {
	background: rgb(255, 255, 255);
}
.news-tab .style-list {
	width: 33.33%; border-right-color: transparent; border-left-color: transparent; border-right-width: 7px; border-left-width: 7px; border-right-style: solid; border-left-style: solid;
}
.news {
	background: rgb(255, 255, 255);
}
.news-item {
	font-size: 0px;
}
.news-list {
	border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
:first-child.news-list {
	border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid;
}
.news-list:hover .desc {
	background: rgb(240, 240, 240);
}
.news-list .pro {
	width: 176px; height: 87px; margin-right: 30px;
}
.news-list .desc {
	padding: 45px 0px 45px 27px; transition:0.4s; width: calc(100% - 206px); -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s;
}
.news-list .desc h3 {
	color: rgb(188, 23, 23); font-size: 16px; margin-bottom: 15px;
}
.news-list .desc h3::before {
	background: rgb(188, 23, 23); margin: 0px 12px 2px 0px; border-radius: 50%; width: 4px; height: 4px; display: inline-block; content: "";
}
.news-list .desc p {
	padding: 0px 5% 0px 17px; width: 87%; color: rgb(188, 23, 23); line-height: 24px; font-size: 14px; border-right-color: rgb(156, 156, 156); border-right-width: 1px; border-right-style: solid;
}
.news-list .desc .date {
	width: 13%; text-align: left; color: rgb(188, 23, 23); padding-left: 15px; font-size: 12px;
}
.news-list .desc .date i {
	background: url("../images/more-c.png") no-repeat center; width: 16px; height: 5px; margin-top: 10px; display: block;
}
.news-det {
	background: rgb(255, 255, 255); overflow: hidden;
}
.news-det .summary {
	padding: 20px 0px; color: rgb(160, 160, 160); line-height: 24px; font-size: 14px; border-top-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.news-det .summary strong {
	color: rgb(63, 63, 63);
}
.news-det .content {
	padding: 25px 0px; margin-bottom: 70px;
}
.det-title {
	text-align: center; padding-bottom: 10px; margin-top: 70px;
}
.det-title h2 {
	font-size: 28px; margin-bottom: 15px;
}
.det-title p {
	color: rgb(160, 160, 160); font-size: 14px;
}
.product-intro {
	background: rgb(255, 255, 255); padding: 63px 0px 95px; text-align: center;
}
.product-intro .pro {
	margin-right: 143px;
}
.product-intro .pro .hide {
	display: none;
}
.product-intro .pro img {
	width: auto; height: auto; max-height: 512px; max-width: 503px;
}
.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 {
	margin: 50px 0px; padding: 6px 0px; font-size: 18px; display: inline-block;
}
.product-intro .desc p {
	line-height: 32px; font-size: 14px;
}
.inspiration {
	padding: 75px 0px;
}
.inspiration .title {
	font-family: Didot; font-size: 30px;
}
.inspiration .title h3 {
	font-size: 24px; margin-bottom: 30px;
}
.scene {
	background: rgb(255, 255, 255);
}
.scene .title {
	margin-bottom: 70px;
}
.inpush .swiper-container {
	padding: 40px 0px;
}
.inpush .s-page {
	background: rgb(236, 236, 236); border-radius: 50%; top: 50%; width: 56px; height: 56px; text-align: center; color: rgb(188, 23, 23); line-height: 54px; font-family: SimSun; font-size: 30px; font-weight: bolder; margin-top: -28px; position: absolute; cursor: pointer;
}
.inpush .s-page:hover {
	background: rgb(188, 23, 23); color: rgb(255, 255, 255);
}
.inpush .prev {
	left: -10%;
}
.inpush .next {
	right: -10%;
}
.inpush-list {
	text-align: center;
}
.inpush-list .pro:hover img {
	transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px);
}
.inpush-list .pro img {
	transition:1s; height: auto; max-height: 137px; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s;
}
.inpush-list .desc {
	font-size: 12px; margin-top: 20px;
}
.company-map {
	background: rgb(255, 255, 255); padding: 95px 0px; font-size: 0px;
}
.company-map .desc {
	margin-right: 68px;
}
.company-map .desc h3 {
	font-size: 22px;
}
.company-map .desc em {
	padding: 15px 0px 40px; font-size: 22px; margin-bottom: 35px; display: block;
}
.company-map .desc em.define-dashed.hack {
	border-width: 0px 0px 1px; border-style: none none dashed; border-color: currentColor currentColor rgb(188, 23, 23); border-image: none;
}
.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); line-height: 24px; font-size: 16px;
}
.company-map #map {
	width: calc(100% - 509px); height: 425px;
}
.company-map #map :nth-child(2).BMapLabel {
	border-width: 8px !important; border-style: solid !important; border-color: rgb(255, 255, 255) rgb(255, 255, 255) transparent transparent !important; width: 0px !important; height: 0px !important; display: inline-block !important; box-shadow: 2px -2px 2px #ccc !important; transform: rotate(135deg) !important;
}
.join {
	overflow: hidden; position: relative;
}
.join .bg {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 0;
}
.join .intro {
	margin: 83px 0px 162px; text-align: center; color: rgb(255, 255, 255); line-height: 44px; font-size: 16px; position: relative; z-index: 1;
}
.join .container_contact {
	background: rgb(255, 255, 255); top: -90px;
}
.join .container_contact .page {
	margin: 38px 0px 45px;
}
.join .inside_title h3 {
	font-size: 36px;
}
.career-item {
	padding: 0px 60px;
}
.ul-ratio {
	height: 54px; line-height: 54px; overflow: hidden; font-size: 0px; border-bottom-color: rgb(194, 194, 194); border-bottom-width: 1px; border-bottom-style: dashed; cursor: pointer;
}
:first-child.ul-ratio {
	border-top-color: rgb(194, 194, 194); border-top-width: 1px; border-top-style: dashed;
}
.ul-ratio:hover {
	background: rgb(188, 23, 23); border-bottom-color: transparent; border-bottom-width: 1px; border-bottom-style: dashed;
}
.ul-ratio:hover li {
	color: rgb(255, 255, 255);
}
.ul-ratio:hover .career-arrow::after {
	background: rgb(255, 255, 255);
}
.ul-ratio:hover .career-arrow::before {
	background: rgb(255, 255, 255);
}
.ul-ratio.on {
	background: rgb(188, 23, 23); border-bottom-color: transparent; border-bottom-width: 1px; border-bottom-style: dashed;
}
.ul-ratio.on li {
	color: rgb(255, 255, 255);
}
.ul-ratio.on .career-arrow {
	transform: rotate(180deg);
}
.ul-ratio.on .career-arrow::before {
	background: rgb(255, 255, 255); height: 0px;
}
.ul-ratio.on .career-arrow::after {
	background: rgb(255, 255, 255);
}
.ul-ratio > li {
	transition:0.3s; width: 22%; text-align: center; color: rgb(51, 51, 51); font-size: 14px; vertical-align: top; display: inline-block; position: relative;
}
.ul-ratio > li:last-child {
	width: 12%;
}
.career-req {
	transition:background-color 0.7s; color: rgb(102, 102, 102); line-height: 34px; padding-top: 25px; padding-bottom: 50px; padding-left: 20px; font-size: 14px; border-bottom-color: rgb(228, 228, 228); border-bottom-width: 1px; border-bottom-style: dashed; display: none;
}
.career-req p i {
	margin: 0px 10px 1px 0px; border-radius: 50%; border: 1px solid rgb(188, 23, 23); border-image: none; width: 7px; height: 7px; display: inline-block;
}
.career-arrow {
	border-radius: 50%; transition:0.5s cubic-bezier(0.45, -0.96, 0.11, 1.76); top: 2px; width: 13px; height: 13px; text-align: center; color: rgb(203, 203, 203); font-weight: 700; display: inline-block; position: relative; transform: rotate(90deg);
}
.career-arrow::before {
	background: rgb(51, 51, 51); transition:0.3s; left: 50%; top: 50%; width: 1px; height: 100%; position: absolute; content: ""; transform: translateY(-50%);
}
.career-arrow::after {
	background: rgb(51, 51, 51); transition:0.3s; left: 0px; top: 49.9%; width: 100%; height: 1px; position: absolute; content: "";
}
.career-btn {
	background: rgb(41, 70, 108); width: 159px; height: 36px; text-align: center; color: rgb(255, 255, 255); font-size: 14px; margin-top: 30px; cursor: pointer;
}
.apply-form-box {
	background: rgba(0, 0, 0, 0.8); transition:0.4s; left: 0px; top: 0px; width: 100%; height: 100%; visibility: hidden; position: fixed; z-index: 9999; opacity: 0; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s;
}
.apply-form-box.open {
	visibility: visible; opacity: 1;
}
.apply-form {
	background: rgb(255, 255, 255); padding: 90px 70px; border-radius: 5px; width: 1000px; height: 600px; font-size: 0px;
}
.apply-form .input-box {
	width: 32%; margin-right: 15px; margin-bottom: 15px !important; position: relative;
}
.apply-form :nth-child(3n).input-box {
	margin-right: 0px;
}
.apply-form input {
	background: 0px 0px; border: 1px solid rgb(219, 219, 219); border-image: none; width: 100%; height: 40px; color: rgb(188, 23, 23); padding-left: 10px; position: relative; z-index: 1;
}
.apply-form .searchfont {
	left: 10px; top: 10px; color: rgb(188, 23, 23); letter-spacing: 1px; font-size: 14px; position: absolute; z-index: 0;
}
.apply-form .textarea {
	width: 100%;
}
.apply-form textarea {
	background: 0px 0px; padding: 5px 0px 0px 5px; border: 1px solid rgb(219, 219, 219); border-image: none; width: 100%; height: 240px; position: relative; z-index: 1; resize: none;
}
.apply-form button {
	margin: 30px auto 0px; border: currentColor; transition:0.6s; border-image: none; width: 320px; height: 50px; text-align: center; color: rgb(255, 255, 255); display: block; background-color: rgb(188, 23, 23); -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s;
}
.apply-form button:hover {
	background-color: rgb(3, 72, 143);
}
.apply-form i {
	top: 8px; right: 10px; color: rgb(188, 23, 23); font-size: 26px; position: absolute; cursor: pointer;
}
.business .desc strong {
	color: rgb(255, 255, 255); font-size: 50px; font-weight: 400;
}
.business .desc h2 {
	color: rgb(255, 255, 255); font-size: 20px; margin-top: 25px;
}
.business .desc h2::after {
	background: rgb(255, 255, 255);
}
.business .desc h2::before {
	background: rgb(255, 255, 255);
}
.brand {
	background: rgb(255, 255, 255); overflow: hidden;
}
.brand .inside_title {
	margin-bottom: 30px;
}
.brand .desc {
	text-align: center; line-height: 24px; font-size: 14px; margin-bottom: 60px;
}
.brand .pro {
	margin-bottom: 140px;
}
.brand .pro img {
	max-width: 100%;
}
.advantage-item {
	font-size: 0px; margin-bottom: 50px;
}
.advantage-list {
	width: 25%; text-align: center; margin-bottom: 65px; vertical-align: top; display: inline-block;
}
:nth-child(2).advantage-list {
	transition-delay: 0.1s;
}
:nth-child(3).advantage-list {
	transition-delay: 0.2s;
}
:nth-child(4).advantage-list {
	transition-delay: 0.3s;
}
:nth-child(6).advantage-list {
	transition-delay: 0.1s;
}
:nth-child(7).advantage-list {
	transition-delay: 0.2s;
}
:nth-child(8).advantage-list {
	transition-delay: 0.3s;
}
.advantage-list .icon {
	margin: 0px auto; width: 90px; height: 90px; position: relative;
}
.advantage-list .icon:hover i::before {
	animation:serv_one_border 0.9s; -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; -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: rgb(188, 23, 23); border-color: rgb(188, 23, 23);
}
.advantage-list .icon:hover span {
	opacity: 0;
}
.advantage-list .icon:hover span.hide {
	opacity: 1;
}
.advantage-list .icon i {
	border-radius: 50%; border: 1px solid rgba(2, 47, 93, 0.5); transition:0.6s; border-image: none; left: 0px; top: 0px; width: 90px; height: 90px; position: absolute; content: ""; -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s;
}
.advantage-list .icon i::before {
	border-radius: 50%; border: 1px solid rgb(188, 23, 23); border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0; -moz-border-radius: 50%;
}
.advantage-list .icon i::after {
	border-radius: 50%; border: 1px solid rgb(188, 23, 23); border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0; -moz-border-radius: 50%;
}
.advantage-list .icon span {
	transition:1s; left: 0px; top: 0px; width: 90px; height: 90px; position: absolute; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s;
}
.advantage-list .icon span.hide {
	opacity: 0;
}
:last-child.advantage-list .desc {
	border: 0px currentColor; border-image: none;
}
.advantage-list h3 {
	margin: 20px 0px; font-size: 18px;
}
.advantage-list p {
	line-height: 22px; font-size: 14px;
}
.suppose {
	background: rgb(255, 255, 255); overflow: hidden;
}
.support-item {
	font-size: 0px; margin-bottom: 150px;
}
.support-list {
	width: 25%; height: 196px; overflow: hidden; vertical-align: top; display: inline-block; position: relative; z-index: 22;
}
.support-list.mobile {
	display: none;
}
.support-list:hover::after {
	opacity: 0;
}
.support-list:hover .pro {
	transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -o-transform: scale(1.04);
}
.support-list::after {
	background: rgb(0, 0, 0); transition:0.4s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; content: ""; opacity: 0.7; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s;
}
.support-list .pro {
	transition:1s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s;
}
.support-list .desc {
	height: 26px; text-align: center; color: rgb(255, 255, 255); font-size: 18px; z-index: 1;
}
.choose {
	padding: 132px 0px; text-align: center; color: rgb(255, 255, 255);
}
.choose p {
	font-size: 36px; margin-bottom: 12px;
}
.choose span {
	font-size: 12px; display: inline-block;
}
.condition .advantage-list p {
	margin-top: 35px;
}
.add {
	overflow: hidden;
}
.add .inside_title {
	color: rgb(255, 255, 255);
}
.add-warpper {
	background: rgb(255, 255, 255); font-size: 0px; margin-bottom: 110px;
}
.add-warpper .pro {
	width: 50%; position: relative;
}
.add-warpper .desc {
	background: rgb(255, 255, 255); padding: 0px 50px 0px 80px; width: 50%;
}
.add-list {
	transition:1s; left: 0px; top: 0px; width: 100%; position: absolute; opacity: 0; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s;
}
.add-list.this {
	position: relative; opacity: 1;
}
.add-list-c {
	transition:0.4s; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s;
}
.add-list-c.this {
	background: rgb(240, 240, 240);
}
.add-list-c.this i {
	background: rgb(188, 23, 23);
}
.add-list-c.this p {
	transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -o-transform: translateX(10px);
}
.add-list-c:hover {
	background: rgb(240, 240, 240);
}
.add-list-c:hover i {
	background: rgb(188, 23, 23);
}
.add-list-c:hover p {
	transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -o-transform: translateX(10px);
}
.add-list-c i {
	background: rgb(218, 218, 218); transition:0.4s; left: -3px; width: 8px; height: 8px; position: relative; transform: rotate(45deg); -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.add-list-c p {
	padding: 10px 0px 10px 15px; transition:0.4s; font-size: 14px; -webkit-transition: ease .4s; -moz-transition: ease .4s; -o-transition: ease .4s;
}
.process-item {
	font-size: 0px; margin-bottom: 120px; position: relative;
}
.process-item .line {
	background: rgb(188, 23, 23); left: 22px; top: 18px; width: 95%; height: 5px; position: absolute;
}
.process-list {
	text-align: center; margin-right: calc((100% - 504px)/6); position: relative; z-index: 1;
}
:nth-child(7).process-list {
	margin-right: 0px;
}
.process-list:hover .process-warrper {
	transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2);
}
.process-list:hover .process-warrper::before {
	transform: scale(0.6); -webkit-transform: scale(.6); -moz-transform: scale(.6); -o-transform: scale(.6);
}
.process-list:hover p {
	transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2);
}
.process-list .process-warrper {
	background: rgb(188, 23, 23); border-radius: 50%; transition:0.6s; width: 42px; height: 42px; line-height: 42px; display: inline-block; position: relative; -webkit-transition: ease .6s; -moz-transition: ease .6s; -o-transition: ease .6s;
}
.process-list .process-warrper::before {
	background: rgba(2, 47, 93, 0.2); border-radius: 50%; transition:0.5s; left: 50%; top: 50%; width: 54px; height: 54px; margin-top: -27px; margin-left: -27px; position: absolute; content: ""; -webkit-transition: ease .5s; -moz-transition: ease .5s; -o-transition: ease .5s;
}
.process-list span {
	color: rgb(255, 255, 255); font-size: 22px; position: relative; z-index: 2;
}
.process-list p {
	transition:0.6s; color: rgb(188, 23, 23); font-size: 18px; margin-top: 20px; -webkit-transition: ease .6s; -moz-transition: ease .6s; -o-transition: ease .6s;
}
.jiameng {
	background: rgb(255, 255, 255); padding: 0px 0px 100px; overflow: hidden;
}
.jm-form {
	padding: 45px 40px; border: 1px solid rgb(231, 231, 231) !important; border-image: none !important; width: 100% !important;
}
.jm-form .input-box {
	width: 49%; margin-right: 15px; margin-bottom: 15px !important;
}
.jm-form :nth-child(2n).input-box {
	margin-right: 0px;
}
.jm-form .input-box input:focus {
	border-color: rgb(188, 23, 23);
}
.jm-form .input-box input:hover {
	border-color: rgb(188, 23, 23);
}
.jm-form > div {
	padding: 0px !important; border: 0px currentColor !important; border-image: none !important;
}
.jm-form .searchfont {
	color: rgb(188, 23, 23);
}
.jm-form button {
	margin: 50px auto 0px !important;
}
.dealer {
	background: rgb(255, 255, 255); padding: 90px 0px; font-size: 0px;
}
.dealer-list {
	width: 33.33%; border-right-color: transparent; border-left-color: transparent; border-right-width: 12px; border-left-width: 12px; border-right-style: solid; border-left-style: solid;
}
.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 {
	font-weight: 700; display: inline-block;
}
.dealer-list .desc p {
	line-height: 25px; font-size: 14px; margin-top: 30px;
}
.pj-intro {
	padding: 60px 0px; text-align: center;
}
.pj-intro .desc {
	line-height: 40px; font-size: 16px;
}
.flow {
	background: rgb(255, 255, 255); overflow: hidden;
}
.flow .inside_title {
	margin-bottom: 20px;
}
.middle-line {
	text-align: center; margin-bottom: 80px;
}
.middle-line i {
	background: rgb(202, 202, 202); margin: 0px auto 5px; height: 1px; display: block;
}
.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: rgb(202, 202, 202); width: 1px; height: 1010px; margin-left: -1px; position: absolute;
}
.flow-item {
	font-size: 0px;
}
.flow-warpper {
	display: inline-block;
}
.flow-list {
	text-align: left; margin-bottom: 50px;
}
:nth-child(2n-1).flow-list {
	text-align: right;
}
:nth-child(2n-1).flow-list .desc::before {
	left: -15.5%;
}
:nth-child(2n-1).flow-list .point {
	margin: 0px 82px 0px 40px;
}
:nth-child(2n).flow-list {
	text-align: left;
}
:nth-child(2n).flow-list .desc::before {
	right: -15.6%;
}
:nth-child(2n).flow-list .point {
	margin: 0px 40px 0px 82px;
}
.flow-list .num {
	font-family: Didot; font-size: 33px;
}
.flow-list .point {
	background: rgb(188, 23, 23); transition:0.4s; width: 8px; height: 8px; position: relative; z-index: 1; transform: rotate(45deg); -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.flow-list .desc {
	background: rgb(246, 246, 246); padding: 40px 0px 40px 65px; width: 514px; text-align: left; display: inline-block; position: relative;
}
.flow-list .desc::before {
	background: rgb(202, 202, 202); top: 50%; width: 80px; height: 1px; position: absolute; content: "";
}
.flow-list .desc i {
	width: 44px; height: 44px; margin-right: 40px;
}
.flow-list .desc span {
	width: calc(100% - 140px); font-size: 17px;
}
.engine-item {
	font-size: 0px; margin-bottom: 78px;
}
.engine-list {
	width: 25%; height: 123px; text-align: center; margin-bottom: 12px; border-right-color: transparent; border-left-color: transparent; border-right-width: 6px; border-left-width: 6px; border-right-style: solid; border-left-style: solid; display: inline-block;
}
.engine-list a {
	background: rgb(255, 255, 255); border: 1px solid rgb(225, 225, 225); border-image: none; height: 100%; line-height: 123px; display: block;
}
.link p {
	color: rgb(188, 23, 23); padding-top: 50px; font-size: 12px; margin-bottom: 50px;
}
.link-list {
	display: block !important;
}
.link-list h3 {
	padding: 10px 0px; color: rgb(0, 0, 0); font-size: 16px;
}
.link-list a {
	width: 270px; margin-right: 20px; margin-bottom: 20px; float: left;
}
.link-list a img {
	max-height: 66px; max-width: 270px;
}
@media all and (max-width:1440px)
{
.art .pro {
	margin: 60px 0px 100px;
}
.art_style {
	padding-bottom: 140px;
}
.product-intro .pro img {
	max-height: 452px; max-width: 445px;
}
}
@media all and (max-width:1300px)
{
.container_contact {
	padding: 0px 2%;
}
.inpush .prev {
	left: -5%;
}
.inpush .next {
	right: -5%;
}
}
@media all and (max-width:1200px)
{
.art {
	padding: 0px 2%;
}
.art .inside_title {
	margin-bottom: 0.4rem;
}
.art .pro {
	margin: 0.5rem 0px 0.83rem;
}
.art .desc {
	padding: 0px 3%;
}
.art_master {
	padding: 0px 2%; background-size: cover;
}
.master-item {
	margin-bottom: 1rem;
}
.brand {
	padding: 0px 2%;
}
.brand .pro {
	margin-bottom: 1.17rem;
}
.suppose {
	padding: 0px 2%;
}
.support-item {
	margin-bottom: 1.3rem;
}
.dealer-list .pro {
	height: 1.83rem;
}
.dealer-list .desc .dq {
	margin-top: 0.28rem;
}
.dealer-list .desc p {
	margin-top: 0.2rem;
}
.add .inside_title {
	margin-bottom: 0px;
}
.add-warpper {
	margin: 0.5rem auto 0.8rem; width: 9.8rem;
}
.process {
	padding: 0px 2%;
}
.jiameng {
	padding: 0px 2% 1.3rem;
}
.jm-form {
	padding: 0.38rem 0.33rem;
}
.jm-form :nth-child(2n).input-box {
	width: calc(50% - 15px);
}
.add-form form button {
	margin: 0.42rem auto 0px !important; padding: 6px 0.79rem;
}
.culture {
	padding: 1.15rem 2% 1.25rem; font-size: 0px;
}
.culture .pro {
	width: 50%;
}
.culture .pro img {
	max-width: 100%;
}
.culture .desc {
	width: 50%; padding-left: 5%; margin-left: 0px;
}
.original {
	padding: 1rem 0px 1.11rem; background-size: cover !important;
}
.original .inside_title {
	margin-bottom: 1.3rem;
}
.aptitude {
	padding: 0px 2% 1rem;
}
.competition {
	height: 4rem;
}
.handmade {
	padding: 0px 2%;
}
.master {
	padding-bottom: 0.8rem; background-attachment: inherit !important;
}
.master-item {
	padding: 0px 1%;
}
.spirit {
	padding: 0px 2% 1.17rem;
}
.market .container {
	padding: 0px 2%;
}
.stores {
	padding: 0px 2%;
}
.stores .swiper-pagination {
	margin: 0.5rem 0px 0.83rem;
}
.service {
	padding-bottom: 0.83rem;
}
.service-list .pro {
	height: 1.98rem;
}
.service-list .desc h3 {
	margin: 0.33rem 0px 0.17rem;
}
.where {
	padding: 0px 2%; background-size: cover !important;
}
.where .inside_title {
	margin: 0.8rem 0px;
}
#map {
	height: 6.67rem;
}
.inpush {
	padding: 0px 4%;
}
.inpush .prev {
	left: -3%;
}
.inpush .next {
	right: -3%;
}
.style-item {
	margin: 0.5rem 0px;
}
.style-desc {
	padding: 0px 2%;
}
.style-desc .pro {
	width: 5.5rem; margin-right: 0.6rem; margin-bottom: 0.67rem;
}
.style-desc .intro {
	width: 3.45rem;
}
.recommend {
	background-size: cover !important;
}
.recommend .container {
	padding: 0px 2%;
}
.recommend .left .pro {
	width: 6.05rem;
}
.recommend .right {
	padding: 0.3rem 0.2rem; width: 3.18rem;
}
.recommend .right .pro {
	width: 100%; line-height: 3rem; margin-bottom: 0.1rem; min-height: 3rem;
}
.recommend .right .pro img {
	width: auto; max-height: 2rem;
}
.filter {
	padding: 0px 2%;
}
.filter .title {
	margin: 1.8rem 0px 0.4rem;
}
.style-product-list {
	margin-bottom: 0.83rem;
}
.style-product-list .pro img {
	height: 1.6rem;
}
.style-product-item {
	margin-top: 1.25rem;
}
.flow {
	padding: 0px 2%;
}
.middle-line {
	margin-bottom: 0.67rem;
}
.middle-line u {
	height: 8.72rem;
}
.flow-list {
	margin-bottom: 0.42rem;
}
:nth-child(2n).flow-list .point {
	margin: 0px 0.33rem 0px 0.6rem;
}
:nth-child(2n-1).flow-list .point {
	margin: 0px 0.6rem 0px 0.33rem;
}
.flow-list .desc {
	padding: 0.33rem 0px 0.33rem 0.4rem; width: 4.17rem;
}
.flow-list .desc::before {
	width: 0.67rem;
}
.flow-list .desc i {
	margin-right: 0.28rem;
}
.flow-list .desc span {
	width: calc(100% - 1.17rem); font-size: 15px;
}
.engine-list {
	height: 1.02rem;
}
.engine-list a {
	line-height: 1.02rem;
}
.distribution {
	padding: 0.68rem 0px 1.24rem; background-attachment: inherit !important;
}
.history-item {
	margin: 0.58rem 0px; padding: 0px 2%;
}
.history-list i {
	margin-left: calc(42px - 2%);
}
.history {
	padding: 0.9rem 0px 1.2rem; background-attachment: inherit !important;
}
.link {
	padding: 0px 2%;
}
}
@media all and (max-width:1000px)
{
.art .desc {
	line-height: 32px;
}
.master-list .desc {
	padding: 0.28rem 0.28rem 0.37rem;
}
.master-list .desc p {
	line-height: 28px; font-size: 15px;
}
.master-list .desc span {
	font-size: 13px;
}
.product-list .desc {
	padding: 0px 0.25rem;
}
.product-list .desc p {
	margin: 0.25rem 0px;
}
.product-list .desc strong {
	margin: 0.17rem 0px 0.12rem;
}
.product-list .more {
	margin-bottom: 0.42rem;
}
.product-list .more a {
	padding: 6px 0.54rem;
}
.art_style {
	padding-bottom: 1.17rem;
}
.brand .inside_title {
	margin-top: 1rem;
}
.advantage-item {
	margin-bottom: 0.6rem;
}
.advantage-list p {
	padding: 0px 12%;
}
.choose {
	padding: 1.17rem 0px;
}
.choose p {
	font-size: 30px;
}
.add-warpper .pro {
	width: 100%;
}
.add-warpper .desc {
	padding: 0.2rem 0.4rem; width: 100%;
}
.company-map .desc {
	width: 100%; margin-right: 0px;
}
.company-map #map {
	margin: 40px auto 0px; width: 100%;
}
.culture {
	padding: 0.8rem 2% 5.5rem; position: relative;
}
.culture .inside_title {
	text-align: center;
}
.culture .desc {
	margin: 0px 0px 0.8rem; padding: 0px; width: 100%; text-align: center;
}
.culture .pro {
	width: 100%; bottom: 5%; position: absolute;
}
.culture .pro img {
	width: 100%;
}
.handmade .pro {
	width: 100%; height: auto; text-align: center;
}
.handmade .pro img {
	max-width: 100%;
}
.handmade .desc {
	padding: 0.54rem 0.58rem; width: 100%;
}
.handmade-content-list {
	padding: 4% 0px 0px;
}
.handmade-item {
	margin: 0.67rem auto 1.3rem;
}
.spirit .desc {
	padding: 0.4rem 0.3rem;
}
.spirit .desc > div {
	padding: 0px 0px 0.3rem; width: 100%;
}
.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: 0px 2%;
}
.news-list .desc {
	padding: 0.38rem 0px 0.38rem 0.23rem;
}
.news-list .desc p {
	width: 80%;
}
.news-list .desc .date {
	width: 20%;
}
.product-intro .pro {
	text-align: center; margin-right: 0px; margin-bottom: 1rem; display: block;
}
.inspiration {
	padding: 0.8rem 2%;
}
.scene .title {
	margin-bottom: 0.8rem;
}
.style-desc .pro {
	margin: 0px auto; width: 70%; display: block;
}
.style-desc .intro {
	margin: 0.6rem 0px; width: 100%; text-align: center;
}
.trait {
	padding: 0px 2% 0.8rem;
}
.trait .inside_title {
	margin-bottom: 0.4rem;
}
.pj-intro {
	padding: 0.8rem 2%;
}
.pj-intro .desc {
	line-height: 34px;
}
.engine-item {
	margin-bottom: 0.8rem;
}
.engine-list {
	width: 33.33%; height: 1.2rem;
}
.engine-list a {
	line-height: 1.2rem;
}
.honor .inside_title {
	margin: 1.3rem 0px 0.4rem;
}
.honor-item {
	margin: 0.8rem 0px 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: 0.8rem;
}
.profile .inside_title {
	margin-bottom: 0.4rem;
}
.apply-form {
	padding: 0.75rem 0.58rem; width: 9.6rem;
}
.apply-form .input-box {
	margin-right: 0.12rem;
}
.apply-form textarea {
	height: 200px;
}
.apply-form button {
	width: 2.8rem; height: 0.5rem;
}
}
@media all and (max-width:650px)
{
.art .inside_title {
	margin-bottom: 0.8rem;
}
.master-list {
	width: 100%; margin-bottom: 0.4rem;
}
.art_style {
	padding: 0px 1%;
}
.product-item {
	margin-bottom: 1rem;
}
.product-list {
	width: 100%; margin-bottom: 0.25rem;
}
.product-list .desc p {
	margin: 0.5rem 0px;
}
.product-list .desc strong {
	margin: 0.17rem 0px 0.4rem;
}
.product-list .more {
	margin-bottom: 0.6rem;
}
.product-list .more a {
	padding: 6px 0.8rem;
}
.brand .inside_title {
	margin: 1.4rem 0px 0.6rem;
}
.brand .inside_title h3 {
	font-size: 21px;
}
.brand .desc {
	margin-bottom: 0.8rem;
}
.advantage-list {
	padding: 0px 0.5rem; width: 100%; text-align: left; margin-bottom: 1rem;
}
.advantage-list .icon {
	margin: 0px 0.5rem 0px 0px; width: 1.8rem; height: 1.8rem; vertical-align: middle; display: inline-block;
}
.advantage-list .icon i {
	width: 1.8rem; height: 1.8rem;
}
.advantage-list .icon span {
	width: 1.8rem; height: 1.8rem; background-size: 0.8rem !important;
}
.advantage-list .desc {
	width: calc(100% - 2.3rem); vertical-align: middle; display: inline-block;
}
.advantage-list h3 {
	margin: 0px 0px 0.3rem;
}
.advantage-list p {
	padding: 0px; font-size: 12px;
}
.support-list {
	width: 50%;
}
.choose {
	padding: 1.6rem 0px;
}
.choose p {
	font-size: 22px;
}
.dealer {
	padding: 1.3rem 0px;
}
.dealer-list {
	width: 100%; border-right-color: transparent; border-left-color: transparent; border-right-width: 0.2rem; border-left-width: 0.2rem; border-right-style: solid; border-left-style: solid;
}
.dealer-list .pro {
	height: auto;
}
.dealer-list .desc {
	background: rgb(247, 248, 248); overflow: hidden; padding-bottom: 0.5rem; margin-bottom: 1rem;
}
.condition .advantage-list p {
	font-size: 14px; margin-top: 0px;
}
.add-warpper {
	margin: 0.8rem auto 1.3rem;
}
.add-warpper .desc {
	padding: 0.4rem 0.5rem;
}
.add-list-c p {
	padding: 10px 0px 10px 0.2rem; width: calc(100% - 10px);
}
.process-item {
	margin-bottom: 1.3rem;
}
.process-item .line {
	display: none;
}
.process-list {
	width: 50%; text-align: center; margin-right: 0px; margin-bottom: 1rem;
}
.process-list .process-warrper {
	text-align: center; margin-right: 20px; display: inline-block;
}
.process-list p {
	margin-top: 0px; display: inline-block;
}
.jm-form {
	padding: 0.7rem 0.5rem;
}
.jm-form .input-box {
	width: 100% !important;
}
.add-form form button {
	margin: 0.42rem auto 0px !important; padding: 6px 1.4rem;
}
.company-map {
	padding: 1.3rem 0px;
}
.company-map .desc em {
	padding: 15px 0px 0.4rem; font-size: 16px; margin-bottom: 0.8rem;
}
.company-map .desc p {
	margin-bottom: 0.3rem;
}
.company-map .desc p:last-child {
	margin-top: 0.4rem;
}
.company-map .desc p span {
	font-size: 14px;
}
.company-map #map {
	margin: 0.6rem auto 0px; height: 6.5rem;
}
.join .intro {
	margin: 1.2rem 0px; line-height: 32px; font-size: 14px;
}
.join .inside_title h3 {
	font-size: 24px;
}
.join .container_contact {
	top: 0px;
}
.career-item {
	padding: 0px 2%;
}
.culture {
	padding: 1.3rem 2% 6.2rem;
}
.culture .inside_title {
	margin-bottom: 0.6rem;
}
.culture .intro {
	line-height: 28px;
}
.culture .pro {
	bottom: 8%;
}
.original {
	padding: 1.3rem 2%; 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: 0.46rem;
}
.service-list {
	width: 100%;
}
:last-child.service-list .desc {
	margin-bottom: 0px;
}
.service-list .pro {
	height: 5.8rem;
}
.service-list .desc {
	background: rgb(247, 248, 248); overflow: hidden; padding-bottom: 0.8rem; margin-bottom: 1rem;
}
.service-list .desc h3 {
	margin: 0.6rem 0px 0.4rem;
}
.where-list {
	width: 50%;
}
:nth-child(4n-3).where-list {
	text-align: center;
}
:nth-child(4n).where-list {
	text-align: center;
}
.where-list span {
	margin-bottom: 0.4rem;
}
.where-list p {
	padding: 0px 5px; line-height: 24px; font-size: 12px;
}
.s-tab {
	padding: 0.4rem 0px;
}
#map {
	margin: 0.4rem auto 0.5rem; height: 7rem;
}
.add-form {
	padding: 1.3rem 0px;
}
.msg {
	padding: 1.3rem 0px;
}
.add-form form {
	width: 100%;
}
.msg form {
	width: 100%;
}
.add-form form button {
	margin: 0.8rem auto 0.33rem;
}
.msg form button {
	margin: 0.8rem auto 0.33rem;
}
.appoint {
	margin-bottom: 0.8rem;
}
.none-result h3 {
	margin: 0.8rem 0px;
}
.add-form .pro {
	width: 100%; margin-bottom: 0.8rem;
}
.add-form form > div {
	padding: 0.8rem 0.4rem 0.42rem;
}
.add-form form h3 {
	margin: 10px 0px 0.6rem;
}
.msg form h3 {
	margin: 10px 0px 0.6rem;
}
.add-form form > div {
	padding: 0.4rem;
}
.msg form > div {
	padding: 0.4rem;
}
.style-item {
	margin: 0.6rem 0px;
}
.style-list h3 {
	font-size: 14px;
}
.style-list p {
	font-size: 8px;
}
.news-tab .style-list {
	border-right-color: transparent; border-left-color: transparent; border-right-width: 0.1rem; border-left-width: 0.1rem; border-right-style: solid; border-left-style: solid;
}
.news-list {
	padding: 0.4rem 0px;
}
.news-list:hover .desc {
	background: rgb(255, 255, 255);
}
.news-list .pro {
	width: 3.4rem; height: 1.7rem; margin-right: 0px;
}
.news-list .desc {
	padding: 0px 0px 0px 0.4rem; width: calc(100% - 3.4rem); vertical-align: top;
}
.news-list .desc p {
	padding: 0px; border: 0px currentColor; border-image: none; width: 100%; overflow: hidden; font-size: 12px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.news-list .desc h3 {
	width: 100%; overflow: hidden; margin-bottom: 0.12rem; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.news-list .desc h3::before {
	display: none;
}
.news-list .desc .date {
	display: none;
}
.product-intro {
	padding: 1.3rem 0px;
}
.product-intro .desc .title {
	font-size: 26px;
}
.product-intro .desc .title h2 {
	font-size: 26px;
}
.product-intro .desc .model {
	margin: 0.6rem 0px; font-size: 16px;
}
.product-intro .pro img {
	max-height: 300px; max-width: 300px;
}
.inspiration {
	padding: 1.3rem 2%;
}
.inspiration .title {
	font-size: 24px;
}
.inspiration .title h3 {
	font-size: 20px; margin-bottom: 1.3rem;
}
.inpush {
	padding: 0px 10%;
}
.inpush .swiper-container {
	padding: 0.6rem 0px;
}
.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: 0.8rem 0px;
}
.style-warpper {
	padding: 0.2rem 0px;
}
.style-list {
	width: 33.33%; margin-bottom: 8px;
}
.trait {
	padding-bottom: 1.3rem;
}
.recommend .left {
	top: 0px; text-align: center; margin-top: 1.3rem;
}
.recommend .left p {
	font-size: 26px;
}
.recommend .left h3 {
	margin: 0.08rem 0px 0.6rem;
}
.recommend .page-control {
	display: none;
}
.recommend .news-page {
	text-align: center;
}
.recommend .swiper-pagination-bullet {
	margin: 0.4rem 6px 0.8rem;
}
.recommend .left .pro {
	width: 9.6rem;
}
.recommend .right {
	width: 100%; text-align: left; padding-bottom: 0.5rem; margin-bottom: 1.3rem; z-index: 1;
}
.recommend .right .pro {
	width: 3.6rem; text-align: center; margin-right: 1rem; margin-bottom: 0px; vertical-align: middle; display: inline-block;
}
.recommend .right .pro img {
	max-height: 2.6rem;
}
.recommend .right .desc {
	width: calc(100% - 4.6rem); vertical-align: middle; display: inline-block;
}
.filter .title {
	margin: 1.6rem 0px 0.6rem;
}
.radio-list {
	margin-right: 0.42rem; margin-bottom: 0.3rem;
}
.style-product-list {
	width: 50%;
}
.style-product-list .pro {
	margin-bottom: 0.3rem;
}
.style-product-list .pro img {
	height: 2.8rem;
}
.style-product-list .desc p {
	margin: 0.2rem 0px 0.15rem; font-size: 12px;
}
.style-product-list .desc span {
	font-size: 12px;
}
.filter .get-more {
	margin: 0.6rem 0px 1.3rem;
}
.filter .get-more i {
	width: 65px; background-size: 40px;
}
.pj-intro {
	padding: 1.3rem 0px;
}
.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 {
	padding: 0.4rem 0px; width: 9.6rem; text-align: center;
}
.flow-list .desc i {
	margin: 0px auto 0.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-height: 60px; max-width: 110px;
}
.honor {
	padding: 0px 2%;
}
.honor .inside_title {
	margin: 1.3rem 0px 0.8rem;
}
.honor .desc p {
	line-height: 28px; font-size: 13px;
}
.honor-list {
	width: 50%;
}
.honor-list p {
	padding: 15px 0px; font-size: 14px;
}
.honor-list .hover {
	bottom: 49px;
}
.honor-list .hover .pro {
	height: 6rem;
}
.honor-list:hover .hover {
	height: 6rem;
}
.honor-list .hover-warpper {
	padding: 5px;
}
.distribution {
	padding: 1.3rem 0px;
}
.distribution .desc {
	padding: 0px 2%; line-height: 28px; font-size: 13px;
}
.distribution .inside_title {
	margin-bottom: 0.8rem;
}
.history-item {
	margin: 1.3rem 0px;
}
.history-list p {
	padding: 10px 10px 10px 20px; width: calc(100% - 77px); font-size: 13px;
}
.history-list span {
	width: 54px; font-size: 16px;
}
.history-list i {
	margin-left: calc(22px - 2%);
}
.history-line {
	left: 80px; height: calc(100% - 60px);
}
.history {
	padding: 1.3rem 0px;
}
.history .desc {
	padding: 0px 2%; line-height: 28px; font-size: 13px;
}
.history .inside_title {
	margin-bottom: 0.6rem;
}
.profile {
	padding: 1.3rem 2%;
}
.profile .desc {
	line-height: 28px; font-size: 13px;
}
.apply-form {
	padding: 1.3rem 0.2rem;
}
.apply-form .input-box {
	width: 49%;
}
.apply-form :nth-child(3n).input-box {
	margin-right: 0.12rem;
}
.apply-form :nth-child(2n).input-box {
	margin-right: 0px;
}
.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: 0.9rem;
}
.link-list a {
	width: 48%; margin-right: 2%;
}
.link-list a img {
	max-height: 66px; max-width: 188px;
}
.warpper_news_det {
	padding: 0px 4%;
}
.warpper_news_det .det-title {
	margin-top: 40px;
}
.warpper_news_det .det-title h2 {
	font-size: 24px;
}
.aptitude .desc {
	padding: 0px 9%; text-align: center; line-height: 24px;
}
.art .desc {
	padding: 0px 9%; text-align: center; line-height: 24px;
}
.brand .desc {
	padding: 0px 9%; text-align: center; line-height: 24px;
}
.competition .desc {
	padding: 0px 9%; text-align: center; line-height: 24px;
}
.distribution .desc {
	padding: 0px 9%; text-align: center; line-height: 24px;
}
.history .desc {
	padding: 0px 9%; text-align: center; line-height: 24px;
}
.honor .desc {
	padding: 0px 9%; text-align: center; line-height: 24px;
}
.original .desc {
	padding: 0px 9%; text-align: center; line-height: 24px;
}
.pj-intro .desc {
	padding: 0px 9%; text-align: center; line-height: 24px;
}
.product-list .desc {
	padding: 0px 9%; text-align: center; line-height: 24px;
}
.profile .desc {
	padding: 0px 9%; text-align: center; line-height: 24px;
}
.stores .desc {
	padding: 0px 9%; text-align: center; line-height: 24px;
}
.culture .intro {
	padding: 0px 9%; text-align: center; line-height: 24px;
}
.join .intro {
	padding: 0px 9%; text-align: center; line-height: 24px;
}
.container_product p {
	padding: 0px 9% !important; text-align: center; line-height: 24px;
}
.container_product div {
	padding: 0px 9% !important; text-align: center; line-height: 24px;
}
.brand p {
	display: inline;
}
.brand .inside_title {
	padding: 0px 5%;
}
.brand .inside_title h3 {
	margin-bottom: 10px;
}
.brand .inside_title p {
	font-size: 10px;
}
.process {
	display: none;
}
.recommend .right {
	display: none;
}
.service {
	display: none;
}
.trait {
	display: none;
}
.container_contact {
	padding: 0px 4%;
}
}
@media all and (max-width:375px)
{
.news-list .desc {
	vertical-align: top;
}
.news-list .desc p {
	display: none;
}
.news-list .desc h3 {
	white-space: inherit;
}
.style-list h3 {
	font-size: 13px;
}
.honor-list p {
	font-size: 12px;
}
.history-item {
	padding: 0px 1% 0px 2%;
}
.history-list i {
	margin-left: calc(21px - 2%);
}
}