.ny-banner {

	width: 100%;

	min-height: 400px;

}

.ny-banner .text {

	margin-top: 150px;

	display: inline-block;

	text-align: left;

	height: 100px;

	/*	background: url(../images/ny_banner_bg.png) no-repeat left;*/


	padding-top: 20px;

	/*padding-left: 45px;*/

	font-size: 40px;

	line-height: 50px;

	color: #FFFFFF;

	position: relative;

}

.ny-banner .text h2 {

	position: relative;

	z-index: 1;

}

.ny-banner .text span {

	position: absolute;

	top: 40px;

	left: 80px;

	font-size: 50px;

	line-height: 50px;

	text-transform: uppercase;

	white-space: nowrap;

	opacity: .08;

}

.mobile-ny-banner {

	width: 100%;

	height: 10.66666666rem;

	position: relative;

}

.mobile-ny-banner .text {

	position: absolute;

	bottom: 2.8rem;

	left: 1.06666666rem;

	padding-top: 0.33333333rem;

	padding-left: 0.6rem;

	color: #FFFFFF; margin-left:10px;

}

.mobile-ny-banner .text:before {

	position: absolute;

	top: 0;

	left: 0;

	content: "";

	width: 1.33333333rem;

	height: 1.33333333rem;

	background-size: cover;

	background-image: url(../images/ny_banner_bg.png);

}

.mobile-ny-banner .text h2 {

	position: relative;

	z-index: 1;

	font-size: 0.53333333rem;

	line-height: 0.66666666rem;

}

.mobile-ny-banner .text span {

	position: absolute;

	top: 0.58666666rem;

	left: 2rem;

	font-size: 0.66666666rem;

	line-height: 0.66666666rem;

	text-transform: uppercase;

	white-space: nowrap;

	opacity: .08;

}

.bread {

	padding: 24px 0;

	line-height: 30px;

}

.bread .left {

	float: left;

}

.bread .home {

	margin-left: 0;

	background: url(../images/ico_home.png) no-repeat left;

	padding-left: 45px;

}

.bread a {

	margin: 0 10px;

	font-size: 16px;

}

.bread a:hover, .bread a.active {

	color: #000;

}

.page {

	position: relative;

	padding: 0 200px;

	max-width: 1190px;

	margin: 0 auto;

}

.page ul {

	text-align: center;

}

.page li {

	margin: 0 10px;

	display: inline-block;

	font-size: 16px;

	color: #999999;

	position: relative;

}

.page li a, .page li span {

	position: relative;

	display: inline-block;

	padding: 0 10px;

}

.page li a:before, .page li a:after, .page li span:before, .page li span:after {

	display: none;

	content: "";

	position: absolute;

	top: 50%;

	width: 5px;

	height: 1px;

	background: #000;

}

.page li a:before, .page li span:before {

	left: 0;

}

.page li a:after, .page li span:after {

	right: 0;

}

.page li.active a:before, .page li.active span:before, .page li.active a:after, .page li.active span:after {

	display: block;

}

.page div a, .page div span {

	margin: 0 5px;

	padding: 0 10px;

}

.page li.active span, .page li a:hover {

	color: #000;

}

.page li:first-child {

	position: absolute;

	top: 0;

	left: 0;

}

.page li:last-child {

	position: absolute;

	top: 0;

	right: 0;

}

.page li:first-child {

	padding-right: 100px;

}

.page li:last-child {

	padding-left: 100px;

}

.page li:first-child:after, .page li:last-child:after {

	display: block;

	content: "";

	position: absolute;

	top: 50%;

	right: 0;

	width: 90px;

	height: 1px;

	background: #dddddd;

}

.page li:first-child:after {

	right: 0;

}

.page li:last-child:after {

	left: 0;

}

.ny-theme {

	position: relative;

	padding: 22px 0 0px;

	background: url(../images/line.png) bottom center no-repeat;

}

.ny-theme>span {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	text-align: center;

	font-size: 50px;

	color: #f4f4f4;

	font-family: "PingFang";

	font-weight: lighter;

	text-transform: uppercase;

}

.ny-theme p {

	font-size: 30px;

	color: #333333;

	font-weight: bold;

	text-align: center;

	position: relative;

	z-index: 1;

}

.filter {

	padding: 30px 0;

	background: #fbfbfb;

	position: relative;

}

.filter .filter-id {

	position: absolute;

	top: -180px;

	left: 0;

	width: 100%;

}

.filter-box ul {

}

.filter-box ul li {

	float: left;

}

.filter-box ul li a {

	margin-bottom: 10px;

	line-height: 28px;

	min-width: 116px;

	display: inline-block;

	text-align: center;

	padding: 0 10px;

	font-size: 16px;

	background: #000;

	color: #fff;

	margin-right: 20px;

}

.filter-box .row {

	padding: 15px 0 5px 70px;

	min-height: 28px;

	border-bottom: 1px dashed #e1e1e1;

	position: relative;

}

.filter-box .row span {

	position: absolute;

	top: 15px;

	left: 0;

	line-height: 28px;

	font-weight: bold;

	color: #333333;

	font-weight: bold;

	font-size: 18px;

}

.filter-box .row a {

	margin-bottom: 10px;

	line-height: 28px;

	min-width: 116px;

	display: inline-block;

	text-align: center;

	padding: 0 10px;

	font-size: 16px;

}

.filter-box .row a.active {

	background: #000;

	color: #FFFFFF;

}

.filter-mobile {

	position: relative;

	z-index: 9;

}

.filter-mobile .tab {

	border: 1px solid #dadada;

}

.filter-mobile .tab .item {

	float: left;

	width: 50%;

	border-right: 1px solid #dadada;

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	padding: 0 10px;

	position: relative;

}

.filter-mobile .tab .item.active {

	color: #b60000;

}

.filter-mobile .tab .item:after {

	position: absolute;

	top: 18px;

	right: 10px;

	content: "";

	width: 0px;

	height: 0px;

	border-style: solid dashed dashed dashed;

	border-color: #666666 transparent transparent transparent;

	border-width: 5px;

}

.filter-mobile .tab .item:last-child {

	border-right: none;

}

.filter-mobile .tab .item select {

	width: 100%;

	border: none;

	background: none;

	padding: 0.266666rem;

}

.filter-mobile .tabcon {

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	text-align: center;

}

.filter-mobile .con {

	display: none;

	padding: 12px;

	background: rgba(0,0,0,.8);

}

.filter-mobile .con a {

	float: left;

	display: inline-block;

	width: 31.3333%;

	line-height: 38px;

	height: 38px;

	margin: 1%;

	font-size: 12px;

	border: 1px solid #FFFFFF;

	color: #FFFFFF;

	border-radius: 5px;

}

.filter-mobile .con a.active {

	font-weight: bold;

}

.filter-result {

	margin-top: 15px;

	font-size: 16px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.filter-result .con span {

	display: inline-block;

	vertical-align: middle;

	font-size: 18px;

	color: #333333;

	font-weight: bold;

}

.filter-result .con .line {

	margin: 0 20px 0 40px;

	display: inline-block;

	vertical-align: middle;

	width: 1px;

	height: 15px;

	background: #d6d6d6;

}

.filter-result .con a {

	margin-left: 35px;

	display: inline-block;

	vertical-align: middle;

}

.filter-result .con a.active {

	padding-right: 35px;

	color: #000;

	position: relative;

}

.filter-result .con a.active:after {

	content: "";

	position: absolute;

	top: 50%;

	margin-top: -15px;

	right: 0;

	width: 30px;

	height: 30px;

	background-size: cover;

	background-image: url(../images/ico_down.png);

}

.filter-result .con em {

	margin-left: 65px;

	display: inline-block;

	color: #333333;

	font-style: normal;

}

.filter-result .con em i {

	color: #000;

	font-style: normal;

	font-weight: bold;

	font-size: 20px;

}

.filter-result .search-box {

	width: 320px;

	border: 1px solid #e5e5e5;

	position: relative;

	height: 38px;

	padding-right: 78px;

}

.filter-result .search-box .in {

	font-size: 14px;

	width: 100%;

	height: 36px;

	padding: 5px 20px;

	line-height: 26px;

	border: none;

	background: none;

}

.filter-result .search-box .button {

	position: absolute;

	top: 0;

	right: 0;

	background-image: url(../images/ico_search.png);

	width: 78px;

	height: 36px;

}

.ny-more {

	position: relative;

	display: inline-block;

	width: 245px;

	line-height: 50px;

	background: #333;

	color: #FFFFFF;

	text-align: center;

	overflow: hidden;

}

.ny-more span {

	position: relative;

	z-index: 1;

	font-size: 20px;

	display: inline-block;

	vertical-align: middle;

}

.ny-more i {

	position: relative;

	z-index: 1;

	margin-left: 14px;

	width: 30px;

	height: 30px;

	background-image: url(../images/ico_down_white.png);

	background-size: cover;

	display: inline-block;

	vertical-align: middle;

}

.ny-more:after {

	content: "";

	position: absolute;

	top: -10px;

	right: -6px;

	width: 70px;

	height: 70px;

	background-image: url(../images/home/ico_tongji.png);

	background-size: cover;

}

.ny-tab {

	text-align: center;

}

.ny-tab a {

	display: inline-block;

	margin: 0 4px;

	width: 25%;

	font-size: 20px;

	color: #000;

	border: 1px solid #000;

	padding: 5px 10px;

	text-align: center;

	position: relative;

}

.ny-tab a:after {

	content: "";

	position: absolute;

	top: 50%;

	margin-top: -30px;

	right: -6px;

	width: 60px;

	height: 60px;

	background-image: url(../images/home/ico_tongji.png);

	background-size: cover;

}

.ny-tab a.active {

	background: #000;

	color: #FFFFFF;

}

.more-button {

	width: 180px;

	line-height: 37px;

	display: block;

	text-align: center;

	position: relative;

	background: #000;

	font-size: 16px;

	color: #FFFFFF;

	overflow: hidden;

	-webkit-transition: all ease .3s;

	transition: all ease .3s;

}

.more-button:after {

	content: "";

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	right: -6px;

	width: 50px;

	height: 50px;

	background-image: url(../images/home/ico_tongji.png);

	background-size: cover;

}

.more-button:hover {

	background: #000;

}

 @media (max-width:1360px) {

.filter-box .result .con .line {

	margin: 0 10px 0 20px;

}

.filter-box .result .con a {

	margin-left: 20px;

}

.filter-box .result .con em {

	margin-left: 40px;

}





}


.mobilecaliao{ display:none;}



 @media (max-width:999px) {

/* ========== */


	/* = NY = */


	/* ========== */
	


.pccaliao{ display:none;}
.mobilecaliao{ display:block;}

.page {

	padding: 0 1.7rem;

}

.page li {

	margin: 0 0.03rem;

	font-size: 0.4rem;

}

.page li a, .page li span {

	padding: 0 0.2rem;

}

.page li.active a:before, .page li.active span:before, .page li.active a:after, .page li.active span:after {

	display: none;

}

.page div a, .page div span {

	margin: 0 0.1rem;

	padding: 0;

}

.page li:first-child {

	padding-right: 0;

}

.page li:last-child {

	padding-left: 0;

}

.page li:first-child:after, .page li:last-child:after {

	display: none;

}

.ny-theme {

	padding: 0.4rem 0 0.66666666rem;

}

.ny-theme>span {

	font-size: 0.2rem;

}

.ny-theme p {

	font-size: 0.44rem;

}

.filter {

	padding: 1rem 0;

}

.filter-result {

	margin-top: 0.66666666rem;

	display: block;

}

.filter-result .con span {

	display: inline-block;

	vertical-align: middle;

	font-size: 18px;

	color: #333333;

	font-weight: bold;

}

.filter-result .con .line {

	margin: 0 0.26666666rem 0 0.4rem;

}

.filter-result .con a {

	margin-left: 0.4rem;

	font-size: 0.34rem;

}

.filter-result .con a.active {

	padding-right: 0.4rem;

}

.filter-result .con a.active:after {

	width: 0.4rem;

	height: 0.4rem;

	margin-top: -0.2rem;

}

.filter-result .con em {

	margin-top: 0.4rem;

	display: block;

	margin-left: 0;

	font-size: 0.34rem;

}

.filter-result .con em i {

	font-size: 0.4rem;

}

.filter-result .search-box {

	margin-top: 0.4rem;

	width: 100%;

}

.ny-tab a {

	font-size: 0.34rem;

	width: 35%;

}

.more-button {

	width: 2.66666666rem;

	line-height: 0.8rem;

	font-size: 0.3rem;

}

.ny-more {

	width: 3rem;

	line-height: 1rem;

}

.ny-more span {

	font-size: 0.4rem;

}

.ny-more i {

	margin-left: 0.13333333rem;

	width: 0.4rem;

	height: 0.4rem;

}

.ny-more:after {

	top: -0.1rem;

	width: 1.2rem;

	height: 1.2rem;

}



.auxiliary .box .right .con .text:before{transform: skewX(0deg);
-webkit-transform: skewX(0deg); height:2rem;}


}

/* ========== */































/* = REFORMERS = */































/* ========== */































.reformers {

	padding: 85px 0 90px;

	background: #fbfbfb;

}

.reformers-ul {

	margin: 0 -10px 45px;

}

.reformers-ul li {

	float: left;

	width: 33.333%;

	margin-top: 50px;

	padding: 0 10px;

}

.reformers-ul li .box {

	display: block;

	padding: 22px 22px 35px;

	background: #FFFFFF;

}

.reformers-ul li .img {

	overflow: hidden;

}

.reformers-ul li .img img {

	width: 100%;

}

.reformers-ul li .text {

	padding: 32px 19px 0;

}

.reformers-ul li .tit {

	padding-right: 50px;

	padding-bottom: 20px;

	color: #333333;

	font-size: 20px;

	line-height: 30px;

	position: relative;

	background: url(../images/reformers/reformers_line.png) bottom left repeat-x;

}

.reformers-ul li .tit i {

	position: absolute;

	top: 5px;

	right: 0;

	width: 20px;

	height: 20px;

	background-image: url(../images/next_hover.png);

	background-size: cover;

}

.reformers-ul li .des {

	margin-top: 18px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.reformers-ul li .des span {

	display: inline-block;

	position: relative;

	padding-left: 35px;

	color: #999999;

	font-size: 16px;

	line-height: 30px;

}

.reformers-ul li .des span:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 30px;

	height: 30px;

	background-size: cover;

}

.reformers-ul li .des span:nth-child(1):before {

	background-image: url(../images/reformers/ico_style.png);

}

.reformers-ul li .des span:nth-child(2):before {

	background-image: url(../images/reformers/ico_floor.png);

}

.reformers-ul li .des span:nth-child(3):before {

	background-image: url(../images/reformers/ico_person.png);

}

.reformers-ul li .box:hover {

	background: #000;

	color: #FFFFFF;

}

.reformers-ul li .box:hover .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.reformers-ul li .box:hover .tit {

	color: #FFFFFF;

}

.reformers-ul li .box:hover .tit i {

	background-image: url(../images/next_white.png);

}

.reformers-ul li .box:hover .des span {

	color: #FFFFFF;

}

.reformers-ul li .box:hover .des span:nth-child(1):before {

	background-image: url(../images/reformers/ico_style_white.png);

}

.reformers-ul li .box:hover .des span:nth-child(2):before {

	background-image: url(../images/reformers/ico_floor_white.png);

}

.reformers-ul li .box:hover .des span:nth-child(3):before {

	background-image: url(../images/reformers/ico_person_white.png);

}

/* ========== */































/* = REFORMERS-DETAIL = */































/* ========== */































.reformers-detail {

	padding: 80px 0;

	background-image: url(../images/reformers/reformers_detail_bg.jpg);

}

.reformers-detail .ny-theme p {

	color: #000;

}

.reformers-detail .tipbox {

	margin-top: 45px;

	padding: 35px 0;

	background: #FFFFFF;

	display: flex;

	align-items: flex-start;

	justify-content: space-around;

	-webkit-justify-content: space-around;

	position: relative;

	z-index: 1;

}

.reformers-detail .tipbox .con span {

	display: block;

	color: #666666;

	font-size: 18px;

	padding-bottom: 12px;

	margin-bottom: 12px;

	background: url(../images/case/case_line.png) no-repeat left bottom;

}

.reformers-detail .tipbox .con p {

	font-weight: bold;

	font-size: 26px;

	color: #333333;

}

.reformers-detail .tipbox .con p i {

	font-style: normal;

	font-weight: normal;

	font-size: 24px;

}

.reformers-detail-box {

	margin-top: 50px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	position: relative;

	z-index: 0;

}

.reformers-detail-box .img {

	width: 40%;

}

.reformers-detail-box .img img {

	width: 100%;

}

.reformers-detail-box .text {

	width: 52%;

	padding: 50px 35px;

	position: relative;

	z-index: 1;

}

.reformers-detail-box .text .line {

	position: absolute;

	top: -30%;

	left: 0;

	width: 100%;

	height: 140%;

	border: 1px dashed #a5a5a5;

	transform: skewX(-20deg) rotate(-10deg);

	-webkit-transform: skewX(-20deg) rotate(-10deg);

}

.reformers-detail-box .text .head {

	position: absolute;

	top: 0;

	left: -50px;

	border-radius: 100%;

	overflow: hidden;

}

.reformers-detail-box .text .tit {

	padding-left: 80px;

}

.reformers-detail-box .text .tit h2 {

	display: inline-block;

	font-size: 24px;

	color: #333333;

	font-weight: bold;

}

.reformers-detail-box .text .tit span {

	display: inline-block;

	margin-left: 45px;

	padding-left: 40px;

	position: relative;

	font-size: 16px;

	color: #999999;

}

.reformers-detail-box .text .tit span:before {

	content: "";

	position: absolute;

	top: 50%;

	margin-top: -15px;

	left: 0;

	width: 30px;

	height: 30px;

	background-size: cover;

	background-image: url(../images/reformers/ico_person.png);

}

.reformers-detail-box .text .des {

	margin-top: 50px;

	border-top: 1px solid #b0b0b0;

	padding-top: 20px;

	font-size: 16px;

	line-height: 40px;

}

.reformers-detail-box:after {

	content: "";

	position: absolute;

	right: -150px;

	bottom: -100px;

	width: 250px;

	height: 250px;

	display: block;

	background-image: url(../images/reformers/reformers_bg_yin.png);

	background-size: cover;

}

.reformers-detail-designer {

	margin-top: 115px;

}

.reformers-detail-designer .left {

	float: left;

	width: 20%;

	text-align: center;

}

.reformers-detail-designer .img {

	position: relative;

}

.reformers-detail-designer .img img {

	width: 100%;

	position: relative;

	z-index: 1;

}

.reformers-detail-designer .img:after {

	content: "";

	position: absolute;

	top: -10px;

	right: -10px;

	background: #d6b46a;

	width: 98%;

	height: 98%;

}

.reformers-detail-designer .img p {

	position: absolute;

	z-index: 2;

	top: 34px;

	left: 20px;

	color: #FFFFFF;

	letter-spacing: 2px;

	writing-mode: vertical-rl;

}

.reformers-detail-designer .img p i {

	position: absolute;

	top: 110%;

	left: 10px;

	width: 1px;

	height: 60%;

	background: #d6b46a;

}

.reformers-detail-designer .img p i:before {

	content: "";

	position: absolute;

	top: -10px;

	left: -5px;

	width: 10px;

	height: 10px;

	border: 1px solid #d6b46a;

}

.reformers-detail-designer .left .button {

	margin-top: 55px;

	display: inline-block;

	border: 1px solid #d6b46a;

	color: #d6b46a;

	padding: 10px 60px;

}

.reformers-detail-designer .left .button:hover {

	background: #d6b46a;

	color: #ffffff;

}

.reformers-detail-designer .text {

	float: right;

	width: 73%;

}

.reformers-detail-designer .text h2 {

	position: relative;

	padding: 0 400px 0 0;

	font-size: 20px;

	color: #333333;

}

.reformers-detail-designer .text h2 span {

	font-size: 30px;

	font-weight: bold;

	color: #000;

}

.reformers-detail-designer .text h2 i {

	display: inline-block;

	margin: 0 30px;

	font-size: 14px;

	font-style: normal;

}

.reformers-detail-designer .text .bt {

	position: absolute;

	top: 50%;

	margin-top: -15px;

	right: 0;

}

.reformers-detail-designer .text .bt .more-button {

	display: inline-block;

	margin-left: 10px;

}

.reformers-detail-designer .text .bt .more-button:nth-child(1) {

	background: #3e4147;

}

.reformers-detail-designer .text .bt .more-button:nth-child(1):hover {

	background: #333;

}

.reformers-detail-designer .text .line {

	margin: 40px 0;

	border-bottom: 1px dotted #c0c0c0;

	position: relative;

}

.reformers-detail-designer .text .line:before {

	content: "";

	position: absolute;

	top: -3px;

	left: 0;

	width: 6px;

	height: 6px;

	background: #000;

}

.reformers-detail-designer .text .tit {

	font-size: 20px;

	color: #000;

	font-weight: bold;

}

.reformers-detail-designer .text .tit i {

	font-size: 14px;

	font-style: normal;

	font-weight: normal;

}

.reformers-detail-designer .text .des {

	margin-top: 20px;

	padding: 20px 0 40px;

	font-size: 15px;

	line-height: 40px;

	border-top: 1px dotted #bdbdbd;

}

.reformers-detail-designer .text .huxing {

	margin-top: 30px;

	max-width: 860px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	position: relative;

}

.reformers-detail-designer .text .huxing .con {

	max-width: 48%;

	position: relative;

}

/*.reformers-detail-designer .text .huxing .con:before{ content: ""; position: absolute; bottom: -15px; left:-20px; width: 80px; height: 80px; background-image:url(../images/reformers/zhang_01.png); background-size: cover;}































.reformers-detail-designer .text .huxing .con:nth-child(2):before{ background-image:url(../images/reformers/zhang_02.png); }*/































.reformers-detail-designer .text .huxing .vs {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 150px;

	z-index: 2;

	transform: translateX(-50%) translateY(-50%);

}

.reformers-detail-designer .mb-box {

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.reformers-detail-designer .mb-box .mb-img {

	position: relative;

	width: 40%;

}

.reformers-detail-designer .mb-box .mb-img:after {

	z-index: 0;

	content: "";

	position: absolute;

	top: -0.2rem;

	right: -0.2rem;

	background: #d6b46a;

	width: 98%;

	height: 98%;

}

.reformers-detail-designer .mb-box .mb-img img {

	position: relative;

	z-index: 1;

}

.reformers-detail-designer .mb-box .mb-text {

	width: 48%;

}

.reformers-detail-designer .mb-box .mb-text .tit {

	font-size: 0.45rem;

	font-weight: bold;

	color: #000;

}

.reformers-detail-designer .mb-box .mb-text .des {

	margin-top: 0.4rem;

	font-size: 0.34rem;

	color: #333333;

	font-weight: bold;

}

.reformers-detail-designer .mb-box .mb-text .more-button {

	margin-top: 0.5rem;

}

.reformers-innovation {

	padding: 75px 0 30px;

}

.reformers-innovation .ny-theme p {

	color: #000;

}

.reformers-innovation .tab {

	margin-top: 30px;

	text-align: center;

}

.reformers-innovation .tab span {

	min-width: 15%;

	margin: 0 1%;

	cursor: pointer;

	display: inline-block;

	line-height: 38px;

	border: 1px solid #666666;

	color: #666666;

	font-size: 16px;

}

.reformers-innovation .tab span.active {

	background: #666666;

	color: #FFFFFF;

}

.reformers-innovation .js-tab-box {

	margin: 50px 0 80px;

}

.reformers-innovation .js-tab-con {

	display: none;

}

.reformers-innovation .js-tab-con.active {

	display: block;

}

.reformers-innovation .box {

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	position: relative;

}

.reformers-innovation .box .img {

	max-width: 48%;

	position: relative;

}

.reformers-innovation .box .img img {

	width: 100%;

}

.reformers-innovation .box .img:nth-child(1) img {

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	filter: gray;

}

.reformers-innovation .box .img:before {

	z-index: 2;

	content: "";

	position: absolute;

	top: 30px;

	left: 30px;

	width: 100px;

	height: 100px;

	background-image: url(../images/reformers/zhang_before.png);

	background-size: cover;

}

.reformers-innovation .box .img:nth-child(2):before {

	background-image: url(../images/reformers/zhang_after.png);

}

.reformers-innovation .box .img p {

	position: absolute;

	bottom: 0;

	left: 0;

	background: rgba(0,0,0,.5);

	color: #FFFFFF;

	width: 100%;

	padding: 0 50px;

	line-height: 48px;

	font-size: 16px;

}

.reformers-innovation .box .img:nth-child(2) p {

	padding-right: 160px;

}

.reformers-innovation .box .img:nth-child(2) p a {

	position: absolute;

	top: 0;

	right: 40px;

	font-size: 16px;

	color: #000;

}

.reformers-innovation .box .vs {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 250px;

	height: 250px;

	transform: translateX(-50%) translateY(-50%);

	background-image: url(../images/reformers/ico_vs.png);

	background-size: cover;

}

.reformers-super {

	padding-bottom: 75px;

}

.reformers-super .content {

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	position: relative;

}

.reformers-super .content>.text {

	width: 54%;

}

.reformers-super .text .tit {

	border-bottom: 1px dotted #eaeaea;

	padding-bottom: 22px;

	color: #333333;

}

.reformers-super .text .tit img {

	display: inline-block;

	vertical-align: middle;

}

.reformers-super .text .tit h2 {

	font-weight: bold;

	margin-left: 20px;

	display: inline-block;

	vertical-align: middle;

	font-size: 32px;

}

.reformers-super .text .tit span {

	display: inline-block;

	vertical-align: middle;

	font-size: 24px;

	padding: 0 30px;

	position: relative;

}

.reformers-super .text .tit span:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	background-size: cover;

	width: 30px;

	height: 30px;

	background-image: url(../images/reformers/yinhao_01.png);

}

.reformers-super .text .tit span:after {

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

	background-size: cover;

	width: 30px;

	height: 30px;

	background-image: url(../images/reformers/yinhao_02.png);

}

.reformers-super .text .tip {

	margin-top: 22px;

	position: relative;

	padding: 0 40px;

	position: relative;

	height: 80px;

	line-height: 40px;

	overflow: hidden;

	font-size: 18px;

	color: #000;

}

.reformers-super .text .tip:before {

	content: "";

	position: absolute;

	top: 5px;

	left: 0;

	width: 30px;

	height: 30px;

	background-size: cover;

	background-image: url(../images/home/ico_laba.png);

}

.reformers-super .text .more-button {

	margin-top: 4%;

}

.reformers-super .img {

	width: 42%;

	position: relative;

}

.reformers-super .img img {

	width: 100%;

	position: relative;

	z-index: 1;

}

.reformers-super .img:before {

	content: "";

	position: absolute;

	z-index: 2;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.6);

}

.reformers-super .img:after {

	content: "";

	position: absolute;

	z-index: 0;

	bottom: -15px;

	right: -15px;

	width: 30%;

	height: 55%;

	background: #f7872d;

}

.reformers-super .img .con {

	position: absolute;

	z-index: 2;

	top: 50%;

	left: 0;

	width: 100%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	font-size: 20px;

	line-height: 36px;

	text-align: center;

	padding: 0 5%;

	color: #FFFFFF;

}

.reformers-super .img .con span {

	display: inline-block;

	width: 70px;

	height: 70px;

	background-size: cover;

	background-image: url(../images/about/ico_play.png);

}

.reformers-super .img .con p {

	width: 70%;

	max-width: 320px;

	margin: 20px auto 0;

}

.reformers-form {

	padding: 35px 0 25px;

	background-image: url(../images/reformers/reformers_form_bg.jpg);

	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,.06);

	box-shadow: 0 10px 20px rgba(0,0,0,.06);

}

.reformers-form .content {

	position: relative;

	padding-left: 340px;

}

.reformers-form .content .tit {

	position: absolute;

	top: 0;

	left: 0;

}

.reformers-form .content .tit span {

	font-size: 30px;

	font-weight: bold;

	color: #333333;

}

.reformers-form .content .tit p {

	margin-top: 10px;

	font-size: 24px;

	color: #333333;

}

.reformers-form .content .tit p i {

	color: #dc101e;

	font-style: normal;

}

.reformers-form .content .con {

	padding-top: 20px;

}

.reformers-form .content .con span {

	float: left;

	width: 21%;

	margin-right: 3%;

}

.reformers-form .content .con span input {

	width: 100%;

	height: 40px;

	line-height: 24px;

	padding: 7px 10px;

	background: #FFFFFF;

	border: 1px solid #eeeeee;

	padding: 0 15px;

}

.reformers-form .content .con span:last-child {

	float: right;

	width: 24%;

}

.reformers-form .content .con span .more-button {

	width: 100%;

}

.reformers-form .content .con span p {

	margin-top: 10px;

	text-align: center;

}

.reformers-form .content .con span p em {

	color: #dc101e;

}

.reformers-choice {

	padding-top: 80px;

	background: #fbfbfb;

}

.reformers-choice .ny-theme p {

	color: #000;

}

.reformers-choice ul {

	margin: 30px -12px 0;

}

.reformers-choice li {

	margin-bottom: 6px;

	float: left;

	width: 33.333333%;

	padding: 0 12px;

}

.reformers-choice li .box {

	position: relative;

	overflow: hidden;

}

.reformers-choice li .box img {

	width: 100%;

	-webkit-transition: all ease .3s;

	transition: all ease .3s;

}

.reformers-choice li .box p {

	position: absolute;

	bottom: 0;

	left: 0;

	font-size: 16px;

	color: #FFFFFF;

	text-align: center;

	background: rgba(0,0,0,.6);

	width: 100%;

	text-align: center;

	padding: 10px;

}

.reformers-choice .shadow {

	margin-top: 35px;

}

.reformers-reviews {

	padding: 30px 0 80px;

	background: #fbfbfb;

}

.reformers-reviews .ny-theme p {

	color: #000;

}

.reformers-reviews .more-button {

	margin: 30px auto 0;

}

.reformers-link {

	padding: 30px 0;

}

.reformers-link ul {

	margin: 0 -12px;

}

.reformers-link li {

	padding: 0 12px;

	float: left;

	width: 33.3333%;

}

.reformers-link li .box {

	display: block;

	width: 100%;

	position: relative;

	overflow: hidden;

}

.reformers-link li .box>img {

	width: 100%;

	-webkit-transition: all ease .3s;

	transition: all ease .3s;

}

.reformers-link li .box .tit {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	padding: 15px 30px;

}

.reformers-link li .box .tit img {

	display: inline-block;

	vertical-align: middle;

}

.reformers-link li .box .tit span {

	margin-left: 20px;

	display: inline-block;

	vertical-align: middle;

	padding-right: 40px;

	position: relative;

	font-size: 20px;

	color: #FFFFFF;

}

.reformers-link li .box .tit span:after {

	content: "";

	position: absolute;

	top: 50%;

	margin-top: -15px;

	right: 0;

	width: 30px;

	height: 30px;

	background-size: cover;

	background-image: url(../images/reformers/ico_jt.png);

}

.reformers-link li .box:hover>img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

/* ========== */































/* = SUPER = */































/* ========== */































.super {

	padding: 80px 0 95px;

	background: #fbfbfb;

}

.super-notice {

	margin-bottom: 50px;

	padding: 35px 10px;

	text-align: center;

	background-image: url(../images/super/super_notice.jpg);

	color: #FFFFFF;

}

.super-notice div {

	display: inline-block;

	height: 30px;

	line-height: 30px;

	overflow: hidden;

	padding-left: 68px;

	position: relative

}

.super-notice div:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 30px;

	height: 30px;

	background-image: url(../images/super/laba.png);

	background-size: cover;

}

.super-notice li {

	font-size: 20px;

}

.super-notice li span {

	display: inline-block;

	font-weight: bold;

}

.super-list {

	margin-bottom: 50px;

}

.super-list li {

	margin-bottom: 30px;

}

.super-list li .box {

	position: relative;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	padding: 40px 60px 45px;

	background: #FFFFFF;

}

.super-list li .box .img {

	width: 35%;

	position: relative;

}

.super-list li .box .img div {

	overflow: hidden;

}

.super-list li .box .img img {

	position: relative;

	z-index: 1;

}

.super-list li .box .img:after {

	display: none;

	content: "";

	position: absolute;

	z-index: 2;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.4);

}

.super-list li .box .img span {

	display: none;

	content: "";

	position: absolute;

	z-index: 3;

	top: 50%;

	left: 50%;

	background-image: url(../images/about/ico_play.png);

	width: 60px;

	height: 60px;

	background-size: cover;

	transform: translateX(-50%) translateY(-50%);

}

.super-list li .box .img:before {

	content: "";

	position: absolute;

	bottom: -10px;

	left: -10px;

	z-index: 0;

	background: #fbc396;

	height: 50%;

	width: 30%;

}

.super-list li .box .text {

	width: 58%;

}

.super-list li .box .tit {

	padding-bottom: 40px;

	border-bottom: 1px dashed #e5e5e5;

	font-size: 24px;

	color: #333333;

	font-weight: bold;

}

.super-list li .box .des {

	margin-top: 40px;

	font-size: 16px;

	line-height: 30px;

	color: #999999;

}

.super-list li .box .des span {

	margin-right: 4%;

	position: relative;

	min-height: 30px;

	display: inline-block;

	padding-left: 40px;

}

.super-list li .box .des span:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 30px;

	height: 30px;

	background-size: cover;

}

.super-list li .box .des span:nth-child(1):before {

	background-image: url(../images/super/ico_super_01.png);

}

.super-list li .box .des span:nth-child(2):before {

	background-image: url(../images/super/ico_super_02.png);

}

.super-list li .box .des span:nth-child(3):before {

	background-image: url(../images/super/ico_super_03.png);

}

.super-list li .box .num {

	position: absolute;

	bottom: -10px;

	right: 70px;

	color: #7beddd;

	font-size: 30px;

	line-height: 60px;

}

.super-list li .box .num span {

	font-size: 60px;

}

.super-list li .box:hover .img:after {

	display: block;

}

.super-list li .box:hover .img span {

	display: block;

}

.super-list li .box:hover .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.super-list li .box:hover .tit {

	color: #f0862a;

}

 @media (max-width:1400px) {

/* ========== */































	/* = REFORMERS = */































	/* ========== */































.reformers-ul li .box {

	padding: 15px 15px 25px;

}

.reformers-ul li .text {

	padding: 22px 12px 0;

}

.reformers-ul li .tit {

	font-size: 18px;

}

.reformers-ul li .des span {

	font-size: 14px;

	padding-left: 30px;

}

.reformers-ul li .des span:before {

	top: 3px;

	width: 25px;

	height: 25px;

}

.reformers-super .text .tit span {

	font-size: 18px;

	padding: 0 20px;

}

.reformers-super .text .tit span:before, .reformers-super .text .tit span:after {

	width: 20px;

	height: 20px;

}

.reformers-super .text .tit h2 {

	font-size: 26px;

}

/* ========== */































	/* = SUPER = */































	/* ========== */































.super-list li .box .des span {

	margin-right: 2%;

	font-size: 14px;

}

}

 @media (max-width:999px) {

/* ========== */































	/* = REFORMERS = */































	/* ========== */































.reformers {

	padding: 1rem 0;

}

.reformers-ul {

	margin-bottom: 0.5rem;

}

.reformers-ul li {

	width: 100%;

	margin-top: 0.5rem;

}

.reformers-ul li .box {

	padding: 0.26666666rem;

}

.reformers-ul li .text {

	padding: 0.35rem 0.26666666rem 0;

}

.reformers-ul li .tit {

	padding-bottom: 0.35rem;

	padding-right: 0.66666666rem;

	font-size: 0.4rem;

	line-height: 0.53333333rem;

}

.reformers-ul li .tit i {

	top: 0.13333333rem;

	width: 0.4rem;

	height: 0.4rem;

}

.reformers-ul li .des {

	margin-top: 0.3rem;

}

.reformers-ul li .des span {

	padding-left: 0.7rem;

	font-size: 0.4rem;

	line-height: 0.6rem;

}

.reformers-ul li .des span:before {

	top: 0;

	width: 0.6rem;

	height: 0.6rem;

}

.reformers-ul li .box:hover {

	background: #ffffff;

	color: #666;

}

.reformers-ul li .box:hover .img img {

	transform: scale(1);

	-webkit-transform: scale(1);

}

.reformers-ul li .box:hover .tit {

	color: #666;

}

.reformers-ul li .box:hover .tit i {

	background-image: url(../images/next_hover.png);

}

.reformers-ul li .box:hover .des span {

	color: #999999;

}

.reformers-ul li .box:hover .des span:nth-child(1):before {

	background-image: url(../images/reformers/ico_style.png);

}

.reformers-ul li .box:hover .des span:nth-child(2):before {

	background-image: url(../images/reformers/ico_floor.png);

}

.reformers-ul li .box:hover .des span:nth-child(3):before {

	background-image: url(../images/reformers/ico_person.png);

}

/* ========== */































	/* = REFORMERS-DETAIL = */































	/* ========== */































.reformers-detail {

	padding: 1rem 0;

}

.reformers-detail .tipbox {

	margin-top: 0.66666666rem;

	padding: 0.53333333rem 0;

}

.reformers-detail .tipbox .con {

	width: 18%;

	margin: 0 2%;

}

.reformers-detail .tipbox .con span {

	font-size: 0.26rem;

	padding-bottom: 0.26666666rem;

}

.reformers-detail .tipbox .con p {

	font-size: 0.4rem;

}

.reformers-detail .tipbox .con p i {

	font-size: 0.3rem;

}

.reformers-detail-box {

	margin-top: 0.66666666rem;

	display: block;

}

.reformers-detail-box .img {

	width: 100%;

}

.reformers-detail-box .text {

	width: 100%;

	padding: 0.8rem 0.5rem;

}

.reformers-detail-box .text .line {

	display: none;

}

.reformers-detail-box .text .head {

	position: absolute;

	top: 0.66666666rem;

	left: 0.5rem;

	width: 1.6rem;

	border-radius: 100%;

	overflow: hidden;

}

.reformers-detail-box .text .tit {

	padding-left: 2rem;

	height: 1.2rem;

	padding-top: 0.4rem;

}

.reformers-detail-box .text .tit h2 {

	display: inline-block;

	font-size: 0.4rem;

}

.reformers-detail-box .text .tit span {

	margin-left: 0.4rem;

	padding-left: 0.6rem;

	font-size: 0.34666666rem;

}

.reformers-detail-box .text .tit span:before {

	margin-top: -0.25rem;

	width: 0.5rem;

	height: 0.5rem;

}

.reformers-detail-box .text .des {

	margin-top: 0.66666666rem;

	padding-top: 0.33333333rem;

	font-size: 0.4rem;

	line-height: 0.64rem;

}

.reformers-detail-box:after {

	display: none;

}

.reformers-detail-designer {

	margin-top: 0.4rem;

}

.reformers-detail-designer .left {

	width: 100%;

}

.reformers-detail-designer .left .button {

	margin-top: 0.66666666rem;

	padding: 0.26666666rem 0.66666666rem;

	font-size: 0.4rem;

}

.reformers-detail-designer .text {

	width: 100%;

	margin-top: 0.8rem;

}

.reformers-detail-designer .text h2 {

	padding-right: 0;

	font-size: 0.34666666rem;

}

.reformers-detail-designer .text h2 span {

	font-size: 0.53333333rem;

}

.reformers-detail-designer .text h2 i {

	margin: 0 0.4rem;

	font-size: 0.4rem;

}

.reformers-detail-designer .text .bt {

	margin-top: 0.5rem;

	text-align: center;

	position: relative;

	top: auto;

}

.reformers-detail-designer .text .line {

	margin: 0.53333333rem 0;

}

.reformers-detail-designer .text .tit {

	font-size: 0.4rem;

}

.reformers-detail-designer .text .tit i {

	font-size: 0.4rem;

}

.reformers-detail-designer .text .des {

	margin-top: 0.4rem;

	padding: 0.4rem 0 0.53333333rem;

	font-size: 0.4rem;

	line-height: 0.64rem;

}

.reformers-detail-designer .text .huxing {

	margin-top: 0.53333333rem;

	display: block;

}

.reformers-detail-designer .text .huxing .con {

	max-width: 70%;

	width: 100%;

	margin: 0 auto;

}

.reformers-detail-designer .text .huxing .con:before {

	display: none;

}

.reformers-detail-designer .text .huxing .con:nth-child(2) {

	margin-top: 0.6rem;

}

.reformers-detail-designer .text .huxing .vs {

	width: 2rem;

}

.reformers-innovation {

	padding: 1rem 0;

}

.reformers-innovation .tab {

	margin-top: 0.53333333rem;

}

.reformers-innovation .tab span {

	width: 16%;

	font-size: 0.4rem;

	line-height: 0.8rem;

}

.reformers-innovation .js-tab-box {

	margin: 0.66666666rem 0 1.06666666rem;

}

.reformers-innovation .box {

	display: block;

}

.reformers-innovation .box .img {

	max-width: 80%;

	margin: 0 auto;

}

.reformers-innovation .box .img:nth-child(2) {

	margin-top: 0.5rem;

}

.reformers-innovation .box .img:before {

	display: none;

}

.reformers-innovation .box .img p {

	display: none;

}

.reformers-innovation .box .vs {

	width: 1.6rem;

	height: 1.6rem;

	background-image: url(../images/reformers/ico_vs2.png);

}

.reformers-super {

	padding-bottom: 1rem;

}

.reformers-super .content {

	display: block;

}

.reformers-super .text {

	width: 100%;

}

.reformers-super .content>.text {

	width: 100%;

}

.reformers-super .text .tit {

	padding-bottom: 0.33333333rem;

}

.reformers-super .text .tit img {

	width: 1.6rem;

}

.reformers-super .text .tit h2 {

	margin-left: 0.26666666rem;

	font-size: 0.42666666rem;

}

.reformers-super .text .tit span {

	font-size: 0.4rem;

	padding: 0 0.4rem;

}

.reformers-super .text .tit span:before, .reformers-super .text .tit span:after {

	width: 0.4rem;

	height: 0.4rem;

}

.reformers-super .text .tip {

	margin-top: 0.9rem;

	padding-right: 0;

	padding-left: 0.8rem;

	position: relative;

	color: #000;

	line-height: 0.6rem;

	height: 1.2rem;

	overflow: hidden;

	font-size: 0.34666666rem;

}

.reformers-super .text .tip:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 0.6rem;

	height: 0.6rem;

	background-size: cover;

	background-image: url(../images/home/ico_laba.png);

}

.reformers-super .text .more-button {

	margin: 0.8rem auto 0;

	width: 2.8rem;

}

.reformers-super .img {

	margin-top: 0.66666666rem;

	width: 100%;

}

.reformers-super .img:after {

	bottom: -0.14rem;

	right: -0.14rem;

}

.reformers-super .img .con {

	font-size: 0.4rem;

	line-height: 0.64rem;

}

.reformers-super .img .con span {

	width: 1rem;

	height: 1rem;

}

.reformers-super .img .con p {

	max-width: 80%;

	margin: 0.4rem auto 0;

}

.reformers-form {

	padding: 0.8rem 0;

}

.reformers-form .content {

	padding-left: 0;

}

.reformers-form .content .tit {

	position: relative;

	top: auto;

	left: auto;

}

.reformers-form .content .tit span {

	font-size: 0.42rem;

}

.reformers-form .content .tit p {

	margin-top: 0.13333333rem;

	font-size: 0.34rem;

}

.reformers-form .content .con span {

	margin-bottom: 0.4rem;

	width: 100%;

	margin-right: 0;

}

.reformers-form .content .con span:last-child {

	width: 100%;

}

.reformers-choice {

	padding-top: 1rem;

}

.reformers-choice ul {

	margin: 0.66666666rem -0 0.13333333rem 0;

}

.reformers-choice li {

	width: 50%;

	padding: 0 0.13333333rem;

}

.reformers-choice li .box {

	position: relative;

}

.reformers-choice li .box p {

	font-size: 0.22rem;

	padding: 0.13333333rem;

}

.reformers-choice .shadow {

	margin-top: 0.66666666rem;

}

.reformers-reviews {

	padding: 0.66666666rem 0 1rem;

}

.reformers-link li {

	margin-bottom: 0.4rem;

	width: 100%;

}

.reformers-link li .box .tit img {

	width: 0.8rem;

}

.reformers-link li .box .tit span {

	margin-left: 0.3rem;

	padding-right: 0.55rem;

	font-size: 0.4rem;

}

.reformers-link li .box .tit span:after {

	width: 0.4rem;

	height: 0.4rem;

	margin-top: -0.2rem;

}

/* ========== */































	/* = SUPER = */































	/* ========== */































.super {

	padding: 1rem 0;

}

.super-notice {

	margin-bottom: 0.8rem;

	padding: 0.6rem 0.5rem 0.4rem;

	font-size: 0.28rem;

}

.super-notice div {

	height: 0.8rem;

	line-height: 0.4rem;

	padding-left: 0.6rem;

}

.super-notice div:before {

	top: 0;

	margin-top: 0;

	width: 0.4rem;

	height: 0.4rem;

}

.super-notice li {

	font-size: 0.3rem;

	text-align: left;

}

.super-list {

	margin-bottom: 0.8rem;

}

.super-list li {

	margin-bottom: 0.66666666rem;

}

.super-list li .box {

	display: block;

	padding: 0.4rem 0.4rem 1rem;

}

.super-list li .box .img {

	width: 100%;

}

.super-list li .box .img:after {

	display: block;

}

.super-list li .box .img span {

	display: block;

	width: 1rem;

	height: 1rem;

}

.super-list li .box .text {

	margin-top: 0.53333333rem;

	width: 100%;

}

.super-list li .box .tit {

	padding-bottom: 0.4rem;

	font-size: 0.4rem;

}

.super-list li .box .des {

	margin-top: 0.53333333rem;

	font-size: 0.4rem;

	line-height: 0.5rem;

}

.super-list li .box .des span {

	margin-right: 0.26666666rem;

	min-height: 0.5rem;

	padding-left: 0.55rem;

}

.super-list li .box .des span:before {

	width: 0.5rem;

	height: 0.5rem;

}

.super-list li .box .num {

	bottom: 0;

	right: 0.7rem;

	font-size: 0.53333333rem;

	line-height: 0.66666666rem;

}

.super-list li .box .num span {

	font-size: 0.66666666rem;

}

}

/* ========== */































/* = CASE = */































/* ========== */































.case {

	padding: 70px 0 95px;

	text-align: center;

	background-image: url(../images/case/case_bg.jpg);

}

.case ul {

	margin-bottom: 10px;

}

.case li {

	margin-bottom: 40px;

	float: left;

	width: 32%;

	margin-right: 2%;

}

.case li:nth-child(3n) {

	margin-right: 0;

}

.case li .box {

	border: 1px solid #e5e5e5;

	padding: 20px 20px 40px;

	overflow: hidden;

}

.case li .box .img-div {

	position: relative;

}

.case li .box .img-div .button {

	position: absolute;

	bottom: 20px;

	left: -20px;

	padding: 6px 15px;

	display: inline-block;

	background: #333;

	color: #FFFFFF;

	transform: translateX(-100%);

	-webkit-transform: translateX(-100%);

}

.case li .box .img-div .button span {

	display: inline-block;

	vertical-align: middle;

	font-size: 16px;

}

.case li .box .img-div .button i {

	margin-right: 10px;

	display: inline-block;

	vertical-align: middle;

	width: 30px;

	height: 30px;

	background-image: url(../images/case/ico_case_order.png);

}

.case li .box .img-div img {

	width: 100%;

}

.case li .box .img-div .person {

	position: absolute;

	display: block;

	top: 85%;

	right: 30px;

	width: 60px;

}

.case li .box .img-div .person div {

	width: 100%;

	border-radius: 100%;

	overflow: hidden;

}

.case li .box .img-div .person p {

	margin-top: 10px;

	font-size: 16px;

	color: #999999;

}

.case li .box .img-div .ico-heart {

	position: absolute;

	top: 15px;

	right: 20px;

	display: inline-block;

	padding-left: 26px;

	font-size: 16px;

	color: #dc0909;

	background: url(../images/ico_heart.png) no-repeat left;

}

.case li .box .img-div .ico-heart:hover {

	background: url(../images/ico_heart_red.png) no-repeat left;

}

.case li .box .img-div .ico-720 {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

	-webkit-transform: translateX(-50%) translateY(-50%);

	width: 90px;

	height: 90px;

	background-image: url(../images/case/ico_720.png);

	background-size: cover;

}

.case li .box .img {

	display: block;

	overflow: hidden;

}

.case li .box .img img {

	-webkit-transition: all ease .3s;

	transition: all ease .3s;

}

.case li .box .text {

	padding: 27px 10px 0;

}

.case li .box .text .tit {

	font-size: 20px;

	color: #333333;

	padding: 0 70px 20px;

	background: url(../images/case/case_line.png) no-repeat bottom;

}

.case li .box .text .des {

	margin-top: 15px;

}

.case li .box .text .des span {

	display: inline-block;

	padding: 0 15px;

	position: relative;

}

.case li .box .text .des span:after {

	content: "";

	position: absolute;

	top: 50%;

	right: 0;

	margin-top: -5px;

	/*background: #cecece;*/















	width: 1px;

	height: 10px;

}

.case li .box .text .des span:nth-child(3):after {

	display: none;

}

.case li .box .text .more {

	margin-top: 25px;

	display: inline-block;

	font-size: 16px;

	color: #000;

	border: 1px solid #ccc;

	text-align: center;

	padding: 4px 40px;

}

.case li .box:hover {

	background: #000;

	color: #FFFFFF;

}

.case li .box:hover .img-div .person p {

	color: #FFFFFF;

}

.case li .box:hover .img-div .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.case li .box:hover .text .tit {

	color: #FFFFFF;

	background: url(../images/case/case_line_white.png) no-repeat bottom;

}

.case li .box:hover .text .des {

	color: #ffffff;

}

.case li .box:hover .text .des span:after {

	background: #FFFFFF;

}

.case li .box:hover .img-div .button {

	transform: translateX(0%);

	-webkit-transform: translateX(0%);

}

.case li .box:hover .text .more {

	background: #FFFFFF;

}

/* ========== */































/* = CASE_DETAIL = */































/* ========== */































.case-detail {

	padding-top: 80px;

	background-image: url(../images/case_bg.jpg);

}

.case-detail .title {

	margin-bottom: 30px;

	position: relative;

	z-index: 1;

}

.case-detail .title h1 {

	display: inline-block;

	vertical-align: middle;

	font-size: 24px;

	color: #333333;

	font-weight: bold;

}

.case-detail .title i {

	margin: 0 30px;

	display: inline-block;

	vertical-align: middle;

	font-style: normal;

}

.case-detail .title span {

	margin-left: 15px;

	display: inline-block;

	vertical-align: middle;

	font-size: 16px;

}

.case-detail .title span i {

	margin: 0 14px;

	height: 10px;

	width: 1px;

	background: #999;

}

.case-detail-scroll {

	position: relative;

}

.case-detail-scroll:before {

	content: "";

	position: absolute;

	top: -100px;

	left: -4%;

	background: #FFFFFF;

	width: 60%;

	height: 70%;

}

.case-detail-scroll .swiper-case-big {

	width: 80%;

	margin: 0;

}

.case-detail-scroll .swiper-case-big .swiper-button-prev {

	left: 30px;

	width: 60px;

	height: 60px;

	background-size: 50%;

	background-image: url(../images/prev_hover.png);

	background-color: #fff;

}

.case-detail-scroll .swiper-case-big .swiper-button-next {

	right: 30px;

	width: 60px;

	height: 60px;

	background-size: 50%;

	background-image: url(../images/next_hover.png);

	background-color: #fff;

}

.case-detail-scroll .swiper-case-big .img {

	position: relative;

	display: block;

	padding-bottom: 53%;

	background: #F6F6F6;

}

.case-detail-scroll .swiper-case-big .img p {

	position: absolute;

	bottom: 0;

	width: 37%;

	right: -7%;

	padding: 20px 30px;

	font-size: 16px;

	color: #FFFFFF;

	text-align: right;

}

.case-detail-scroll .swiper-case-big .img .ico-heart {

	position: absolute;

	top: 30px;

	right: 40px;

	display: inline-block;

	font-size: 19px;

	color: #dc0909;

	padding-left: 40px;

}

.case-detail-scroll .swiper-case-big .img .ico-heart:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 0;

	width: 30px;

	height: 30px;

	background-size: cover;

	margin-top: -15px;

	background-image: url(../images/home/ico_red_heart.png);

}

.case-detail-scroll .small {

	position: absolute;

	top: 0;

	right: 0;

	width: 18%;

	height: 100%;

	background: #FFFFFF;

	padding: 40px 10px;

}

.case-detail-scroll .small .swiper-button-next, .case-detail-scroll .small .swiper-button-prev {

	right: auto;

	margin: 0;

	top: auto;

	bottom: auto;

	left: 50%;

	margin-left: -15px;

	width: 30px;

	height: 30px;

}

.case-detail-scroll .small .swiper-button-next {

	bottom: 5px;

	background-image: url(../images/small_next.png);

}

.case-detail-scroll .small .swiper-button-prev {

	top: 5px;

	background-image: url(../images/small_prev.png);

}

.case-detail-scroll .swiper-case-samll .swiper-slide {

	padding: 6px 0;

}

.case-detail-scroll .swiper-case-samll .img {

	height: 100%;

	position: relative;

	display: block;

	padding-bottom: 53%;

	cursor: pointer;

	background: #F6F6F6;

}

.case-detail-scroll .swiper-case-samll .img img {

	max-height: 100%;

}

.case-designer {

	margin-top: 60px;

	border-top: 1px solid #e1e1e1;

	display: flex;

	align-items: flex-end;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.case-designer .left {

	width: 50%;

	padding: 0 3%;

}

.case-designer .left .tip {

	padding-top: 36px;

}

.case-designer .left .tip div {

	margin-right: 10%;

	display: inline-block;

	text-align: center;

}

.case-designer .left .tip span {

	font-size: 32px;

	font-weight: bold;

}

.case-designer .left .tip i {

	font-size: 18px;

	font-weight: normal;

	font-style: normal;

}

.case-designer .left .tip p {

	margin-top: 5px;

}

.case-designer .left .tit {

	margin-top: 40px;

	padding-bottom: 20px;

	border-bottom: 1px dashed #e1e1e1;

}

.case-designer .left .tit span {

	font-size: 20px;

	color: #000;

	font-weight: bold;

}

.case-designer .left .tit i {

	margin-left: 30px;

	display: inline-block;

	padding-left: 40px;

	color: #999999;

	position: relative;

	padding-left: 40px;

	font-style: normal;

}

.case-designer .left .tit i:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 0;

	margin-top: -15px;

	width: 30px;

	height: 30px;

	background-size: cover;

	background-image: url(../images/reformers/ico_person.png);

	background-size: cover;

}

.case-designer .left .des {

	margin-top: 20px;

	line-height: 34px;

}

.case-designer .box {

	width: 50%;

	padding: 0 3%;

	position: relative;

}

.case-designer .box:before {

	content: "";

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -50px;

	height: 100px;

	width: 1px;

	background: #e2e2e2;

}

.case-designer .box .img {

	float: left;

	width: 32%;

}

.case-designer .box .con {

	float: right;

	width: 57%;

	padding-top: 50px;

}

.case-designer .box .con h2 {

	padding-bottom: 15px;

	font-size: 16px;

	border-bottom: 1px dashed #eeeeee;

}

.case-designer .box .con h2 span {

	font-size: 20px;

	font-weight: bold;

	color: #333333;

}

.case-designer .box .con h2 i {

	display: inline-block;

	margin: 0 12px;

	font-size: 12px;

	font-style: normal;

}

.case-designer .box .con .des {

	margin-top: 10px;

}

.case-designer .box .con .desdiv {

	position: relative;

	display: block;

	line-height: 36px;

	min-height: 36px;

	padding-left: 115px;

}

.case-designer .box .con .desdiv span {

	position: absolute;

	top: 0;

	left: 0px;

	padding-left: 45px;

}

.case-designer .box .con .desdiv span:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 0;

	margin-top: -13px;

	width: 26px;

	height: 26px;

	background-size: cover;

}

.case-designer .box .con .desdiv .span-01:before {

	background-image: url(../images/designer_ico_01.png);

}

.case-designer .box .con .desdiv .span-02:before {

	background-image: url(../images/designer_ico_02.png);

}

.case-designer .box .con .desdiv .span-03:before {

	background-image: url(../images/designer_ico_03.png);

}

.case-designer .box .con .bt {

	margin-top: 20px;

}

.case-designer .box .con .bt a {

	display: inline-block;

	width: 100px;

	text-align: center;

	line-height: 24px;

	border: 1px solid #000;

	color: #000;

}

.case-designer .box .con .bt a:nth-child(2) {

	background: #000;

	color: #FFFFFF;

}

.case-detail-content .content {

	padding: 40px 0;

	border-bottom: 1px dashed #e5e5e5;

	position: relative;

}

.case-detail-content .content:last-child {

	border-bottom: none;

	padding-bottom: 80px;

}

.case-detail-content .letter {

	position: absolute;

	top: 0;

	right: 0;

	font-family: "Great";

	opacity: .1;

	font-size: 70px;

}

.case-detail-content .tit {

	margin-bottom: 25px;

	font-size: 24px;

	color: #000;

	font-weight: bold;

	padding: 0 30px;

	position: relative;

	display: inline-block;

}

.case-detail-content .tit:before {

	content: "";

	position: absolute;

	left: -10px;

	top: 0;

	background-size: cover;

	width: 30px;

	height: 30px;

	background-image: url(../images/yinhao_01.png);

}

.case-detail-content .tit:after {

	content: "";

	position: absolute;

	right: -10px;

	bottom: 0;

	background-size: cover;

	width: 30px;

	height: 30px;

	background-image: url(../images/yinhao_02.png);

}

.case-detail-content .des {

	font-size: 16px;

	line-height: 40px;

}

.case-detail-content iframe {

	width: 100%;

	overflow: hidden;

	border: none;

	outline: none;

	height: 600px;

}

.revelant-case {

	padding: 20px 0 80px;

	background-image: url(../images/case/case_bg_2.jpg);

}

.revelant-case .ny-theme p {

	color: #000;

}

.revelant-case .tab {

	margin: 30px 0 55px;

}

.revelant-case .tab span {

	width: 26%;

	display: inline-block;

	margin: 0 1%;

	font-size: 20px;

	border: 1px solid #666666;

	padding: 8px 10px;

	cursor: pointer;

}

.revelant-case .tab span.active {

	background: #000;

	border: 1px solid #000;

	color: #FFFFFF;

}

.revelant-case .js-tab-con {

	display: none;

}

.revelant-case .js-tab-con.active {

	display: block;

}

 @media (max-width:999px) {

/* ========== */































	/* = CASE = */































	/* ========== */































.case {

	padding: 1rem 0;

}

.case ul {

	margin-bottom: 0.26666666rem;

}

.case li {

	margin-bottom: 0.53333333rem;

	width: 100%;

	margin-right: 0;

}

.case li .box {

	padding: 0.4rem 0.4rem 0.66666666rem;

}

.case li .box .img-div .button {

	padding: 0.13333333rem 0.26666666rem;

}

.case li .box .img-div .button span {

	font-size: 0.26rem;

}

.case li .box .img-div .button i {

	margin-right: 0.13333333rem;

	width: 0.4rem;

	height: 0.4rem;

}

.case li .box .img-div .person {

	bottom: -0.8rem;

	right: 0.26666666rem;

	width: 0.93333333rem;

}

.case li .box .img-div .person p {

	margin-top: 0.13333333rem;

	font-size: 0.28rem;

}

.case li .box .img-div .ico-heart {

	position: absolute;

	top: 15px;

	right: 20px;

	display: inline-block;

	padding-left: 26px;

	font-size: 16px;

	color: #dc0909;

	background: url(../images/ico_heart.png) no-repeat left;

}

.case li .box .img-div .ico-720 {

	width: 1.2rem;

	height: 1.2rem;

}

.case li .box .text {

	padding: 0.5rem 0.13333333rem 0;

}

.case li .box .text .tit {

	font-size: 0.4rem;

	padding: 0 0.8rem 0.26666666rem;

}

.case li .box .text .des span {

	padding: 0 0.13333333rem;

	font-size: 0.4rem;

}

.case li .box .text .more {

	margin-top: 0.4rem;

	font-size: 0.3rem;

	padding: 0.12rem 0.5rem;

}

.case li .box:hover {

	background: none;

	color: #666;

}

.case li .box:hover .img-div .person p {

	color: #999999;

}

.case li .box:hover .img-div .img img {

	transform: scale(1);

	-webkit-transform: scale(1);

}

.case li .box:hover .img-div .button {

	transform: translateX(-100%);

	-webkit-transform: translateX(-100%);

}

.case li .box:hover .text .tit {

	color: #333;

	background: url(../images/case/case_line.png) no-repeat bottom;

}

.case li .box:hover .text .des {

	color: #666;

}

.case li .box:hover .text .des span:after {

	background: #cecece;

}

.case li .box:hover .text .more {

	background: none;

}

/* ========== */































	/* = CASE_DETAIL = */































	/* ========== */































.case-detail {

	padding-top: 1.2rem;

}

.case-detail .title {

	margin-bottom: 0.53333333rem;

	text-align: center;

}

.case-detail .title h1 {

	font-size: 0.46rem;

	display: block;

	margin-bottom: 0.4rem;

}

.case-detail .title>i {

	display: none;

}

.case-detail .title span {

	font-size: 0.34rem;

}

.case-detail .title span i {

	margin: 0 0.26666666rem;

	height: 0.29333333rem;

}

.case-detail-scroll {

	margin: 0 -0.4rem;

}

.case-detail .img p{ display:none;}





.case-detail-scroll:before {

	display: none;

}

.case-detail-scroll .swiper-case-big {

	width: 100%;

}

.case-detail-scroll .swiper-case-big .swiper-button-prev {

	left: 0.4rem;

	width: 0.66666666rem;

	height: 0.66666666rem;

}

.case-detail-scroll .swiper-case-big .swiper-button-next {

	right: 0.4rem;

	width: 0.66666666rem;

	height: 0.66666666rem;

}

.case-detail-scroll .swiper-case-big .img p {

	padding: 0.26666666rem;

	font-size: 0.4rem;

	line-height: 0.58666666rem;

}

.case-detail-scroll .swiper-case-big .img .ico-heart {

	top: 0.4rem;

	right: 0.4rem;

	font-size: 0.4rem;

	padding-left: 0.53333333rem;

}

.case-detail-scroll .swiper-case-big .img .ico-heart:before {

	margin-top: -0.2rem;

	width: 0.4rem;

	height: 0.4rem;

}

.case-detail-scroll .small {

	display: none;

}

.case-designer {

	margin-top: 0.8rem;

	display: block;

}

.case-designer .left {

	width: 100%;

	padding: 0;

}

.case-designer .left .tip {

	padding-top: 0.53333333rem;

	text-align: center;

}

.case-designer .left .tip div {

	margin: 0 3%;

}

.case-designer .left .tip span {

	font-size: 0.45rem;

}

.case-designer .left .tip i {

	font-size: 0.4rem;

}

.case-designer .left .tit {

	margin-top: 0.5rem;

	padding-bottom: 0;

	text-align: center;

	border-bottom: none;

}

.case-designer .left .tit span {

	font-size: 0.4rem;

}

.case-designer .left .tit i {

	margin-left: 0.5rem;

	font-size: 0.4rem;

}

.case-designer .left .des {

	margin-top: 0.4rem;

	line-height: 0.64rem;

	font-size: 0.4rem;

}

.case-designer .box {

	width: 100%;

	padding: 0;

	margin-top: 0.53333333rem;

}

.case-designer .box:before {

	display: none;

}

.case-designer .box .con {

	padding-top: 0.53333333rem;

}

.case-designer .box .con h2 {

	padding-bottom: 0.26666666rem;

	font-size: 0.4rem;

}

.case-designer .box .con h2 span {

	font-size: 0.4rem;

}

.case-designer .box .con h2 i {

	font-size: 0.26666666rem;

}

.case-designer .box .con .des {

	margin-top: 0.26666666rem;

}

.case-designer .box .con .desdiv {

	line-height: 0.8rem;

	min-height: 0.8rem;

	font-size: 0.4rem;

	padding-left: 2.4rem;

}

.case-designer .box .con .desdiv span {

	padding-left: 0.8rem;

}

.case-designer .box .con .desdiv span:before {

	width: 0.53333333rem;

	height: 0.53333333rem;

	margin-top: -0.26666666rem;

}

.case-designer .box .con .bt {

	margin-top: 0.4rem;

}

.case-designer .box .con .bt a {

	width: 2rem;

	line-height: 0.7rem;

	font-size: 0.4rem;

}

.case-detail-content .content {

	padding: 0.7rem 0;

}

.case-detail-content .content:last-child {

	padding-bottom: 1.46rem;

}

.case-detail-content .letter {

	font-size: 0.66666666rem;

}

.case-detail-content .tit {

	margin-bottom: 0.4rem;

	font-size: 0.4rem;

	padding: 0 0.4rem;

}

.case-detail-content .tit:before {

	left: -0.13rem;

	width: 0.48rem;

	height: 0.48rem;

}

.case-detail-content .tit:after {

	right: -0.13rem;

	width: 0.48rem;

	height: 0.48rem

}

.case-detail-content .des {

	font-size: 0.4rem;

	line-height: 0.64rem;

}

.case-detail-content iframe {

	height: 6rem;

}

.revelant-case {

	padding: 0.53333333rem 0 1rem;

}

.revelant-case .tab {

	margin: 0.4rem 0 0.8rem;

}

.revelant-case .tab span {

	width: 40%;

	font-size: 0.4rem;

	padding: 0.16rem;

}

}

/* ========== */































/* = DESIGNER = */































/* ========== */































.designer-tab {

	float: right;

	margin: -25px 0;

}

.designer-tab a {

	float: left;

	border-left: 1px solid #e6d5b5;

	height: 80px;

	line-height: 80px;

	display: inline-block;

	margin: 0;

	padding: 0 35px;

	position: relative;

}

.designer-tab a img {

	display: inline-block;

	vertical-align: middle;

	position: relative;

	z-index: 1;

}

.designer-tab a span {

	margin-left: 15px;

	font-size: 16px;

	color: #cfa957;

	display: inline-block;

	vertical-align: middle;

	position: relative;

	z-index: 1;

}

.designer-tab a .bg {

	display: none;

	position: absolute;

	z-index: 0;

	top: -6px;

	left: -1%;

	width: 102%;

	height: 92px;

	background: #FFFFFF;

	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);

	box-shadow: 0 0 30px rgba(0,0,0,.1);

	padding: 6px;

}

.designer-tab a .bg .border {

	border: 1px solid #d8b975;

	display: block;

	height: 80px;

	position: relative;

}

.designer-tab a .bg .border:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 4px;

	height: 4px;

	display: block;

	background: #d8b975;

}

.designer-tab a .bg .border:after {

	content: "";

	position: absolute;

	bottom: 0;

	right: 0;

	width: 4px;

	height: 4px;

	display: block;

	background: #d8b975;

}

.designer-tab a .bg .border .line1:before {

	content: "";

	display: block;

	position: absolute;

	top: -1px;

	left: 43px;

	height: 1px;

	width: 19px;

	background: #FFFFFF;

}

.designer-tab a .bg .border .line1:before {

	content: "";

	display: block;

	position: absolute;

	bottom: -1px;

	left: 18px;

	height: 1px;

	width: 18px;

	background: #FFFFFF;

}

.designer-tab a .bg .border .line2:before {

	content: "";

	display: block;

	position: absolute;

	top: 25px;

	left: -1px;

	height: 6px;

	width: 1px;

	background: #FFFFFF;

}

.designer-tab a .bg .border .line3:before {

	content: "";

	display: block;

	position: absolute;

	bottom: 13px;

	right: -1px;

	height: 5px;

	width: 1px;

	background: #FFFFFF;

}

.designer-tab a .bg .border .line3:after {

	content: "";

	display: block;

	position: absolute;

	bottom: 25px;

	right: -1px;

	height: 7px;

	width: 1px;

	background: #FFFFFF;

}

.designer-tab a.active {

	position: relative;

	z-index: 1;

}

.designer-tab a.active .bg {

	display: block;

}

.designer-filter {

	padding: 60px 0 110px;

	background-image: url(../images/designer/fillter_bg.jpg);

}

.designer-filter .bg {

	padding: 0 40px 55px;

	background: #FFFFFF;

}

.designer-filter .row {

	border-bottom: 1px solid #eaeaea;

}

.designer-filter .row span {

	font-weight: normal;

	font-size: 16px;

	padding-right: 25px;

}

.designer-filter .row span:after {

	content: "";

	position: absolute;

	top: 50%;

	right: 0;

	margin-top: -7px;

	width: 1px;

	height: 14px;

	background: #e5e5e5;

}

.designer-filter .row a {

	padding: 0 20px;

	min-width: 0;

	font-size: 14px;

}

.designer-filter .row a.active {

	color: #000;

	background: none;

}

.designer-filter .filter-result .con span {

	font-weight: normal;

	font-size: 16px;

}

.designer-filter .filter-result .con a {

	font-size: 14px;

}

.designer-filter .filter-result .con em {

	font-size: 14px;

}

.designer-filter .filter-result .con em i {

	font-size: 16px;

}

.designer-filter .filter-result .search-box .button {

	background-image: url(../images/search_button_yellow.png);

}

.designer-box {

	margin-bottom: 170px;

	height: 450px;

	background: url(../images/bg_01.jpg);

}

.designer-box .img img {

	height: 400px;

}

.designer-box .text {

	float: left;

	width: 38%;

	padding: 38px;

}

.designer-box .text h2 {

	padding: 0 10px 20px;

	font-size: 20px;

	color: #333333;/*	border-bottom: 1px dotted #7f7f7f;*/















}

.designer-box .text h2 span {

	font-size: 30px;

	color: #000;

}

.designer-box .text h2 i {

	display: inline-block;

	margin: 0 30px;

	font-size: 14px;

	font-style: normal;

}

.designer-box .text .des {

	margin-top: 20px;

}

.designer-box .text .desdiv {

	position: relative;

	display: block;

	line-height: 45px;

	min-height: 45px;

	font-size: 16px;

	padding-left: 150px;

}

.designer-box .text .desdiv span {

	position: absolute;

	top: 0;

	left: 0px;

	padding-left: 54px;

}

.designer-box .text .desdiv span:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 0;

	margin-top: -15px;

	width: 30px;

	height: 30px;

}

.designer-box .text .desdiv .span-01:before {

	background-image: url(../images/designer_ico_01.png);

}

.designer-box .text .desdiv .span-02:before {

	background-image: url(../images/designer_ico_02.png);

}

.designer-box .text .desdiv .span-03:before {

	background-image: url(../images/designer_ico_03.png);

}

.designer-box .text .desdiv .span-04:before {

	background-image: url(../images/designer_ico_04.png);

}

.designer-box .text .desdiv .star-box {

	display: inline-block;

}

.designer-box .text .bt {

	margin-top: 30px;

	max-width: 390px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.designer-box .text .bt a {

	max-width: 98%;

}

.designer-box .text .bt a:nth-child(1) {

	background: #3e4147;

}

.designer-box .text .bt a:nth-child(1):hover {

	background: #333;

}

.designer-box .text .tip {

	margin-top: 25px;

	font-size: 16px;

}

.designer-box .text .tip span {

	color: #000;

}

.designer-box .right {

	float: right;

	width: 62%;

	position: relative;

}

.designer-box .right .img {

	/*margin-top: -50px;*/

	float: right;

/*	margin-right: 22%;*/

	position: relative;

	z-index: 1; margin-right:38px;

}

.designer-box .right .black {

	position: absolute;

	top: 35px;

	left: 0;

	width: 1130px;

	padding: 0 35px;

	background-image: url(../images/black_01.jpg);

	display: none;

}

.designer-box .right .black-text {

	position: relative;

}

.designer-box .right .black-text img {

	margin: 0;

}

.designer-box .right .black-text p {

	position: absolute;

	top: 0;

	left: 40px;

	width: 380px;

	line-height: 90px;

	font-size: 20px;

	color: #000;

}

.designer-box .right .box1 {

	position: absolute;

	left: 54px;

	top: 85px;

	opacity: .7;

}

.designer-box .right .box1:before {

	content: "";

	margin-left: 24px;

	width: 1px;

	display: block;

	height: 91px;

	background: #000;

}

.designer-box .right .box1:after {

	content: "";

	position: absolute;

	top: 91px;

	left: 19px;

	display: block;

	width: 12px;

	height: 12px;

	background: #000;

}

.designer-box .right .box1 img {

	margin-top: 35px;

}

.designer-box .right .box2 {

	position: absolute;

	right: 55px;

}

/*.designer-box .right .box2:before {















	content: "";















	display: block;















	width: 12px;















	height: 12px;















	background: #000;















}















.designer-box .right .box2:after {















	content: "";















	position: absolute;















	top: 12px;















	right: 6px;















	display: block;















	width: 1px;















	height: 255px;















	background: #000;















}*/















.designer-box .right .box2 p {

	position: absolute;

	/*	top: 210px;*/


	left: -238px;

	width: 16px;

	height: 400px;

	font-size: 18px;

	letter-spacing: 2px;

	writing-mode: vertical-rl;

	text-align: end;

}

.designer-box .right .box2 p span {

	color: #000;

}

/*.designer-box:nth-child(2n) {















 background:#efefef;















}















.designer-box:nth-child(2n) .text {















	float: right;















}















.designer-box:nth-child(2n) .right {















	float: left;















}















.designer-box:nth-child(2n) .right .img {















	float: left;















	margin-right: auto;















	margin-left: 13%;















}















.designer-box:nth-child(2n) .right .black-text {















	float: right;















}















.designer-box:nth-child(2n) .right .black {















	left: auto;















	right: 0;















}















.designer-box:nth-child(2n) .right .black img {















	float: right;















}















.designer-box:nth-child(2n) .right .box1 {















	left: auto;















	right: 54px;















}















.designer-box:nth-child(2n) .right .box2 {















	right: auto;















	left: 55px;















}















.designer-box:nth-child(2n) .right .box2 p {















	left: auto;















	right: -38px;















}*/















.designer-more {

	margin-bottom: 100px;

	display: block;

	width: 100%;

	height: 60px;

	line-height: 60px;

	text-align: center;

	color: #FFFFFF;

	background: #000;

}

.designer-more span {

	display: inline-block;

	vertical-align: middle;

	font-size: 20px;

}

.designer-more i {

	margin-left: 10px;

	display: inline-block;

	vertical-align: middle;

	width: 30px;

	height: 30px;

	background-image: url(../images/ico_down_white.png);

}

 @media (max-width:1520px) {

.designer-box .right .black-text p {

	font-size: 18px;

}

.designer-box .right .img {

	margin-right: 14%;

}

.designer-box:nth-child(2n) .right .img {

	margin-left: 5%;

}

}

/* ========== */































/* = DESIGNER_DETAIL = */































/* ========== */































.detail-detail {

	padding: 104px 0 120px;

	background: #fbfbfb;

}

.detail-detail .img {

	float: left;

	width: 27%;

	max-width: 372px;

	position: relative;

}

.detail-detail .img img {

	width: 100%;

	position: relative;

	z-index: 1;

	background-image: url(../images/img_bgde.png);

	background-size: cover;

}

.detail-detail .img:after {

	content: "";

	position: absolute;

	top: 0px;

	right: 0px;

	background: #000;

	width: 100%;

	height: 100%;

}

.detail-detail .img p {

	position: absolute;

	z-index: 2;

	top: 34px;

	left: 20px;

	width: 20px;

	color: #FFFFFF;

	letter-spacing: 2px;

	font-size: 16px;

	writing-mode: vertical-rl;

}

.detail-detail .img p i {

	position: absolute;

	top: 110%;

	left: 10px;

	width: 1px;

	height: 90%;

	background: #d6b46a;

}

.detail-detail .img p i:before {

	content: "";

	position: absolute;

	top: -10px;

	left: -5px;

	width: 10px;

	height: 10px;

	border: 1px solid #d6b46a;

}

.detail-detail .text {

	float: right;

	width: 70%;

}

.detail-detail .text h2 {

	position: relative;

	padding: 30px 200px 35px 0;

	font-size: 20px;

	color: #333333;

	border-bottom: 1px dotted #7f7f7f;

}

.detail-detail .text h2 span {

	font-size: 30px;

	color: #000;

}

.detail-detail .text h2 i {

	display: inline-block;

	margin: 0 30px;

	font-size: 14px;

	font-style: normal;

}

.detail-detail .text h2 .more-button {

	position: absolute;

	top: 50%;

	margin-top: -15px;

	right: 0;

}

.detail-detail .text h2:before {

	content: "";

	position: absolute;

	bottom: -3px;

	left: 0;

	width: 6px;

	height: 6px;

	background: #ddb46a;

}


.detail-detail .text h2:after{content: "";
position: absolute;
top: 95px;
right: 0;
display: block;
width: 18px;
height: 18px;
border: 1px dashed #e9dcc5; background:#fbfbfb url(../images/hhh.jpg) no-repeat center; padding:2px;}


.detail-detail .text .des {

	margin-top: 30px;

	padding-right: 170px;

	position: relative;

}




.detail-detail .text .des .erweima {

	position: absolute;

	bottom: 10px;

	right: 0;

}

.detail-detail .text .des .erweima div {

	border: 1px solid #000;

	border-radius: 4px;

	position: relative;

}

.detail-detail .text .des .erweima div:before {

	content: "";

	position: absolute;

	top: -1px;

	left: 40px;

	height: 1px;

	width: 10px;

	background: #FFFFFF;

}

.detail-detail .text .des .erweima div:after {

	content: "";

	position: absolute;

	bottom: -1px;

	left: 10px;

	height: 1px;

	width: 10px;

	background: #FFFFFF;

}

.detail-detail .text .des .erweima div i:after {

	content: "";

	position: absolute;

	right: -1px;

	bottom: 40px;

	height: 10px;

	width: 1px;

	background: #FFFFFF;

}

.detail-detail .text .des .erweima div i:before {

	content: "";

	position: absolute;

	left: -1px;

	top: 20px;

	height: 10px;

	width: 1px;

	background: #FFFFFF;

}

.detail-detail .text .des .erweima p {

	margin-top: 14px;

	line-height: 24px;

	text-align: center;

}

.detail-detail .text .desdiv {

	margin-bottom: 15px;

	position: relative;

	display: block;

	line-height: 34px;

	min-height: 34px;

	font-size: 16px;

	padding-left: 140px;

}

.detail-detail .text .desdiv span {

	position: absolute;

	top: 0;

	left: 0;

	padding-left: 57px;

}

.detail-detail .text .desdiv span:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 0;

	margin-top: -15px;

	width: 30px;

	height: 30px;

}

.detail-detail .text .desdiv .span-01:before {

	background-image: url(../images/designer_ico_01.png);

}

.detail-detail .text .desdiv .span-02:before {

	background-image: url(../images/designer_ico_02.png);

}

.detail-detail .text .desdiv .span-03:before {

	background-image: url(../images/designer_ico_06.png);

}

.detail-detail .text .desdiv .span-04:before {

	background-image: url(../images/designer_ico_03.png);

}

.detail-detail .text .desdiv .span-05:before {

	background-image: url(../images/designer_ico_04.png);

}

.detail-detail .text .desdiv .span-06:before {

	background-image: url(../images/ico_design.png);

}

.detail-detail .text .desdiv .span-07:before {

	background-image: url(../images/designer_ico_07.png);

}

.detail-detail .text .desdiv .span-08:before {

	background-image: url(../images/designer_ico_08.png);

}

.detail-detail .text .desdiv .star-box {

	display: inline-block;

}

.detail-detail .text .desdiv .more {

	display: inline-block;

	border: 1px solid #000;

	color: #000;

	line-height: 24px;

	font-size: 13px;

	padding: 0 10px;

	margin-left: 10px;

}

.detail-detail .text .desdiv .more:hover {

	background: #000;

	color: #ffffff;

}

.detail-detail .text .des2 {



}

.detail-detail .text .des2 span {

	

}

.designer-form {

	padding: 50px 0 36px;

	background-image: url(../images/designer_form_bg.jpg);

}

.designer-form .content {

	position: relative;

	padding-left: 450px;

}

.designer-form .content .tit {

	position: absolute;

	top: 0;

	left: 0;

}

.designer-form .content .tit span {

	font-size: 24px;

	color: #fff;

}

.designer-form .content .tit p {

	margin-top: 10px;

	font-size: 16px;

	color: #FFFFFF;

}

.designer-form .content .tit p i {

	font-size: 24px;

	font-style: normal;

	font-weight: bold;

}

.designer-form .content .con span {

	float: left;

	width: 20%;

	margin-right: 3%;

}

.designer-form .content .con span input {

	width: 100%;

	height: 40px;

	line-height: 24px;

	padding: 8px 10px;

	background: #FFFFFF;

	border: none;

	padding: 0 15px;

}

.designer-form .content .con span:last-child {

	float: right;

	width: 27%;

}

.designer-form .content .con span p {

	margin-top: 10px;

	color: #FFFFFF;

}

.designer-form .content .con span p em {

	color: #fff;

}

.revelant-case2 {

	background: #fbfbfb;

}

.revelant-case2 .ny-theme p {

	color: #000;

}

.revelant-case2 .more-button {

	margin: 0 auto;

}

.revelant-case2 ul {

	margin-top: 50px;

}

.revelant-case2 ul li .box {

	border: none;

}

.revelant-designer {

	padding: 38px 0 70px;

	background-image: url(../images/relant_designer_bg.jpg);

}

.revelant-designer .ny-theme p {

	color: #000;

}

.revelant-designer ul {

	margin: 0 -15px 50px;

}

.revelant-designer li {

	float: left;

	width: 25%;

	margin-top: 50px;

	padding: 0 15px;

}

.revelant-designer li .img {

	overflow: hidden;

}

.revelant-designer li .img img {

	width: 100%;

	-webkit-transition: all ease .3s;

	transition: all ease .3s;

	background: #333;

}

.revelant-designer li .text {

	padding: 25px 15px;

	background: #ffffff;

}

.revelant-designer li .text .tit {

	position: relative;

	line-height: 30px;

	font-size: 14px;

	padding-right: 70px;

	color: #999999;

}

.revelant-designer li .text .tit span {

	font-size: 20px;

	color: #333333;

}

.revelant-designer li .text .tit i {

	position: absolute;

	top: 0;

	right: 0;

	font-size: 16px;

	color: #000;

	font-style: normal;

	padding-left: 35px;

}

.revelant-designer li .text .tit i:before {

	content: "";

	position: absolute;

	top: 50%;

	margin-top: -15px;

	left: 0;

	width: 30px;

	height: 30px;

	background-image: url(../images/home/ico_heart_yellow.png);

}

.revelant-designer li .text .des {

	margin-top: 15px;

	padding-top: 20px;

	border-top: 1px dotted #b2b2b2;

}

.revelant-designer li .text .des span {

	display: inline-block;

	vertical-align: middle;

	font-size: 14px;

	color: #666666;

}

.revelant-designer li .text .des i {

	margin: 0 1%;

	display: inline-block;

	vertical-align: middle;

	font-size: 10px;

	font-style: normal;

}

.revelant-designer li:hover .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.revelant-designer li:hover .text .tit span {

	color: #000;

}

.revelant-designer .more-button {

	margin: 0 auto;

}

 @media (max-width:1480px) {

/* ========== */































	/* = DESIGNER = */































	/* ========== */































.designer-box .right .img {

	margin-right: 10%;

}

.revelant-designer ul {

	margin: 0 -10px;

}

.revelant-designer li {

	padding: 0 10px;

}

.revelant-designer li .text .tit span {

	font-size: 17px;

}

.designer-form .content {

	padding-left: 360px;

}

.designer-form .content .tit span {

	font-size: 20px;

}

}

 @media (max-width:1340px) {

/* ========== */































	/* = DESIGNER = */































	/* ========== */































.designer-tab a {

	padding: 0 20px;

}

.designer-tab a span {

	margin-left: 0;

	font-size: 14px;

}

.designer-box .text {

	padding: 38px 10px;

}

.designer-box .right .black {

	padding: 0;

}

}

 @media (max-width:999px) {

/* ========== */































	/* = DESIGNER = */































	/* ========== */




























.detail-detail .text h2:after{ top:1.5rem;}


.bread {

	padding: 0;

}

.bread .container {

	padding: 0;

}

.designer-tab {

	float: none;

	width: 100%;

	margin: 0;

	border-bottom: 1px solid #e6d5b5;

}

.designer-tab a {

	width: 33.333%;

	padding: 0;

	height: 1rem;

	line-height: 1rem;

	text-align: center;

}

.designer-tab a img {

	display: none;

}

.designer-tab a span {

	margin-left: 0;

	font-size: 0.28rem;

}

.designer-tab a.active .bg {

	display: none;

}

.designer-tab a.active {

	background: #000;

}

.designer-tab a.active span {

	color: #FFFFFF;

}

.designer-filter {

	padding: 0.8rem 0.4rem 1.5rem;

	background: #FFFFFF;

}

.designer-filter .bg {

	padding: 0;

}

.designer-box {

	padding-bottom: 1.4rem;

	margin-bottom: 1.5rem;

	height: auto;

	position: relative; margin-top:20px;

}

.designer-box .text {

	width: 58%;

	padding: 0;

}

.designer-box .text h2 {

	font-size: 0.4rem;

	padding: 0 0 0.3rem;

}

.designer-box .text h2 span {

	font-size: 0.4rem;

	color: #000;

}

.designer-box .text h2 i {

	margin: 0 0.3rem;

	font-size: 0.4rem;

}

.designer-box .text .des {

	margin-top: 0.4rem;

}

.designer-box .text .desdiv {

	line-height: 0.8rem;

	min-height: 0.8rem;

	font-size: 0.4rem;

	padding-left: 2.7rem;

}

.designer-box .text .desdiv span {

	padding-left: 0.8rem;

}

.designer-box .text .desdiv span:before {

	width: 0.53333333rem;

	height: 0.53333333rem;

	margin-top: -0.26666666rem;

	background-size: cover;

}

.designer-box .text .desdiv .star-box {

	display: inline-block;

}

.designer-box .text .bt {

	position: absolute;

	bottom: 1.4rem;

	left: 0.5rem;

	right: auto;

	width: 4.5rem;

}

.designer-box .text .bt .more-button {

	width: 98%;

}

.designer-box .right {

	width: 40%;

}

.designer-box .right .img, .designer-box:nth-child(2n) .right .img {

	width: 100%;

	margin: 0;

}

.designer-box .text .tip, .designer-box .right .black, .designer-box .right .box1, .designer-box .right .box2 {

	display: none;

}

.designer-box .img img {

	height: auto;

}

.designer-more {

	margin-bottom: 1rem;

	height: 1rem;

	line-height: 1rem;

}

.designer-more span {

	font-size: 0.37333333rem;

}

.designer-more i {

	margin-left: 0.16rem;

	width: 0.4rem;

	height: 0.4rem;

}

/* ========== */































	/* = DESIGNER_DETAIL = */































	/* ========== */































.detail-detail {

	padding: 1rem 0;

}

.detail-detail .img {

	width: 100%;

	max-width: 100%;

}

.detail-detail .img p i {

	height: 3rem;

}

.detail-detail .text {

	width: 100%;

}

.detail-detail .text h2 {

	padding: 0.6rem 4rem 0.6rem 0;

	font-size: 0.4rem;

}

.detail-detail .text h2 span {

	font-size: 0.4rem;

}

.detail-detail .text h2 i {

	margin: 0 0.4rem;

	font-size: 0.4rem;

}

.detail-detail .text h2 .more-button {

	width: 3rem;

	line-height: 0.8rem;

	margin-top: -0.4rem;

}

.detail-detail .text .des {

	margin-top: 0.53333333rem;

	padding-right: 0;

}

.detail-detail .text .des .erweima {

	display: none;

}

.detail-detail .text .desdiv {

	margin-bottom: 0.4rem;

	font-size: 0.4rem;

	line-height: 0.64rem;

	min-height: 0.64rem;

	padding-left: 2.88rem;

}

.detail-detail .text .desdiv span {

	padding-left: 0.9rem;

}

.detail-detail .text .desdiv span:before {

	margin-top: -0.25rem;

	width: 0.5rem;

	height: 0.5rem;

	background-size: cover;

}

.detail-detail .text .desdiv .more {

	line-height: 0.6rem;

	font-size: 0.4rem;

	padding: 0 0.26666666rem;

	margin-left: 0.26666666rem;

}

.detail-detail .text .des2 {

	margin-top: 0.4rem;

	padding-top: 0.4rem;

}

.designer-form {

	padding: 0.66666666rem 0;

}

.designer-form .content {

	position: relative;

	padding-left: 0;

}

.designer-form .content .tit {

	position: relative;

	top: auto;

	left: auto;

	text-align: center;

}

.designer-form .content .tit span {

	font-size: 0.4rem;

}

.designer-form .content .tit p {

	margin-top: 0.2rem;

	font-size: 0.34666666rem;

}

.designer-form .content .tit p i {

	font-size: 0.37333333rem;

}

.designer-form .content .con span {

	margin-top: 0.4rem;

	margin-right: 0;

	width: 100%;

}

.designer-form .content .con span:last-child {

	width: 100%;

	text-align: center;

}

.designer-form .content .con .more-button {

	width: 100%;

}

.revelant-designer {

	padding: 0.53333333rem 0 1rem;

}

.revelant-designer li {

	width: 50%;

	margin-top: 0.8rem;

}

.revelant-designer li .text {

	padding: 0.3rem 0;

}

.revelant-designer li .text .tit {

	padding-right: 0;

	font-size: 0.4rem

}

.revelant-designer li .text .tit span {

	font-size: 0.36rem;

}

.revelant-designer li .text .tit i {

	display: none;

}

.revelant-designer li .text .des {

	display: none;

	font-size: 0.28rem;

}

.revelant-designer li:hover .img img {

	transform: scale(1);

	-webkit-transform: scale(1);

}

.revelant-designer li:hover .text .tit span {

	color: #333333;

}

}

/* ========== */































/* = PATENT = */































/* ========== */































.patent-box {

	padding: 90px 0 40px;

	background: #fbfbfb;

}

.patent-box .content {

	padding-bottom: 85px;

	border-bottom: 1px dashed #e1e1e1;

	display: flex;

	align-items: flex-end;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.patent-box .content .img {

	width: 50%;

}

.patent-box .content .img img {

	width: 100%;

}

.patent-box .content .text {

	width: 50%;

}

.patent-box .content .text .tit {

	padding-bottom: 25px;

	padding-left: 13%;

	font-size: 30px;

	color: #000;

	background: url(../images/patent/line.png) no-repeat bottom left

}

.patent-box .content .text .des {

	margin-top: 40px;

	padding-left: 13%;

	font-size: 16px;

	line-height: 36px;

}

.patent-box .content .text .more-button {

	margin-top: 50px;

	margin-left: 13%;

}

.patent-box ul {

	margin-top: 60px;

}

.patent-box ul li {

	padding: 0 5px 40px;

	float: left;

	width: 20%;

}

.patent-box ul li:nth-child(5n) .img, .patent-box ul li:nth-child(5n-4) .img {

	padding-top: 40px;

}

.patent-box ul li:nth-child(5n-1) .img, .patent-box ul li:nth-child(5n-3) .img {

	padding-top: 20px;

}

.patent-box ul li .img {

	height: 272px;

}

.patent-box ul li .img img {

	max-height: 100%;

}

.patent-box ul li p {

	text-align: center;

}

.patent-box ul li:nth-child(5n+1) {

	clear: both;

}

.patent-feature {

	padding: 70px 0 90px;

	text-align: center;

}

.patent-feature .ny-theme p {

	color: #000;

}

.patent-feature .tab {

	margin: 35px auto 0;

	max-width: 1100px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.patent-feature .tab span {

	width: 19%;

	margin: 0 0.5%;

	line-height: 32px;

	display: inline-block;

	font-size: 16px;

	border: 1px solid #666666;

	cursor: pointer;

}

.patent-feature .tab span.active {

	background: #666666;

	color: #FFFFFF;

}

.patent-feature .js-tab-con {

	display: none;

}

.patent-feature .js-tab-con.active {

	display: block;

}

.patent-feature ul {

	margin: 0 -13px 55px;

}

.patent-feature li {

	margin-top: 35px;

	float: left;

	width: 25%;

	padding: 0 13px;

}

.patent-feature li:nth-child(4n+1) {

	clear: both;

}

.patent-feature li .box {

	position: relative;

}

.patent-feature li .box .img {

	overflow: hidden;

	position: relative;

}

.patent-feature li .box .img img {

	width: 100%;

}

.patent-feature li .box p {

	margin-top: 15px;

	font-size: 18px;

	color: #333333;

}

.patent-feature li .box:hover p {

	color: #000;

}

.patent-feature li .box:hover .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.patent-feature li .video-button .img:after {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	display: block;

	width: 70px;

	height: 70px;

	background-size: cover;

	background-image: url(../images/patent/ico_play.png);

	transform: translateX(-50%) translateY(-50%);

	-webkit-transform: translateX(-50%) translateY(-50%);

}

.patent-feature .more-button {

	margin: 0 auto;

}

/* ========== */































/* = TECHNOLOGY = */































/* ========== */































.technology-box {

	padding: 58px 0 95px;

	background-image: url(../images/technology/technology_bg.jpg);

}

.technology-box .content {

	background: #FFFFFF;

}

.technology-box .box {

	padding: 0 78px 45px;

	overflow: hidden;

}

.technology-box .box .tit {

	position: relative;

	font-size: 32px;

	color: #000;

	padding-top: 50px;

}

.technology-box .box .tit span {

	position: absolute;

	top: -5px;

	right: 0;

	line-height: 70px;

	font-weight: bold;

	font-size: 70px;

	color: rgba(0,0,0,.1);

	font-family: "PingFang";

}

.technology-box .box .line {

	margin-top: 30px;

	border-bottom: 1px dashed #ecdfc7;

	position: relative;

}

.technology-box .box .line i {

	content: "";

	position: absolute;

	top: -10px;

	right: 0;

	display: block;

	width: 20px;

	height: 20px;

	border: 1px dashed #e9dcc5;

}

.technology-box .box .line i:before {

	content: "";

	position: absolute;

	top: 4px;

	left: 4px;

	width: 10px;

	height: 10px;

	background: #e9dcc5;

}

.technology-box .box:nth-child(2n) {

	background: #fbfbfb;

}

.technology-box .box ul {

	margin: 0 -10px;

}

.technology-box .box ul li {

	margin-top: 40px;

	float: left;

	width: 25%;

	text-align: center;

	padding: 0 12px;

}

.technology-box .box ul li div {

	overflow: hidden;

}

.technology-box .box ul li img {

	width: 100%;

}

.technology-box .box ul li p {

	margin-top: 16px;

	font-size: 16px;

	color: #333333;

}

.technology-box .box ul li:hover div img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.technology-box .box ul li:hover p {

	color: #000;

}

/* ========== */































/* = UNION = */































/* ========== */































.union {

	padding: 75px 0 50px;

	background: #fbfbfb;

	overflow: hidden;

}

.union li {

	margin-bottom: 55px;

	position: relative;

}

.union li .box {

	display: block;

	position: relative;

	z-index: 1;

}

.union li .box:before {

	content: "";

	position: absolute;

	z-index: 0;

	left: 30%;

	height: 100%;

	width: 200%;

	background: #FFFFFF;

	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);

	box-shadow: 0 0 30px rgba(0,0,0,.1);

}

.union li .box .img {

	position: absolute;

	overflow: hidden;

	top: 50%;

	left: 0;

	width: 48%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

}

.union li .box .text {

	float: right;

	width: 46%;

	padding: 8% 0;

	position: relative;

	z-index: 1;

}

.union li .box .text .tit {

	position: relative;

	padding-bottom: 35px;

}

.union li .box .text .tit span {

	display: block;

	font-size: 36px;

	color: #000;

	font-weight: bold;

	padding-right: 40px;

	position: relative;

}

.union li .box .text .tit span:after {

	content: "";

	position: absolute;

	top: 50%;

	right: 0;

	margin-top: -15px;

	width: 30px;

	height: 30px;

	background-image: url(../images/next.png);

	background-size: cover;

}

.union li .box .text .tit:before {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 900px;

	height: 1px;

	background: url(../images/union/line.png) center no-repeat;

}

.union li .box .text .des {

	margin-top: 35px;

	font-size: 16px;

	line-height: 40px;

	height: 160px;

	overflow: hidden;

}

.union li .box:hover .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.union li .png {

	position: absolute;

	z-index: 0;

	top: 12%;

	left: 0;

	width: 337px;

	height: 404px;

	background-size: cover;

	background-image: url(../images/union/union_png.png);

}

.union li .letter {

	font-family: "Great";

	position: absolute;

	z-index: 2;

	bottom: -30px;

	right: 0;

	font-size: 70px;

	color: #000000;

	opacity: .05;

}

.union li:nth-child(2n) .box:before {

	right: 30%;

	left: auto;

}

.union li:nth-child(2n) .box .img {

	left: auto;

	right: 0;

}

.union li:nth-child(2n) .box .text {

	float: left;

}

.union li:nth-child(2n) .box .text .tit:before {

	right: 0;

	left: auto;

}

.union li:nth-child(2n) .png {

	left: auto;

	right: 0;

	background-image: url(../images/union/union_png2.png);

}

.union li:nth-child(2n) .letter {

	right: auto;

	left: 0;

}

/* ========== */































/* = UNION-DETAIL = */































/* ========== */































.union-detail {

	padding: 80px 0 100px;

	background-image: url(../images/union/union_detail_bg.jpg);

}

.union-detail .detail {

	margin-top: 55px;

	font-size: 16px;

	line-height: 32px;

}

.union-detail .ny-theme p {

	color: #000;

}

 @media (max-width:1240px) {

/* ========== */































	/* = PATENT = */































	/* ========== */































.patent-box ul li .img {

	height: 240px;

}

}

 @media (max-width:999px) {

/* ========== */































	/* = PATENT = */































	/* ========== */































.patent-box {

	padding: 1rem 0;

}

.patent-box .content {

	padding-bottom: 0.66666666rem;

	display: block;

}

.patent-box .content .img {

	width: 100%;

}

.patent-box .content .text {

	width: 100%;

	margin-top: 0.53333333rem;

}

.patent-box .content .text .tit {

	padding-bottom: 0.4rem;

	padding-left: 0;

	font-size: 0.46rem;

}

.patent-box .content .text .des {

	margin-top: 0.4rem;

	padding-left: 0;

	font-size: 0.4rem;

	line-height: 0.64rem;

}

.patent-box .content .text .more-button {

	margin-top: 0.66666666rem;

	margin-left: 0;

}

.patent-box ul {

	margin-top: 1rem;

}

.patent-box ul li {

	padding: 0 0.4rem 0.7rem;

	width: 50%;

}

.patent-box ul li:nth-child(5n) .img, .patent-box ul li:nth-child(5n-4) .img, .patent-box ul li:nth-child(5n-1) .img, .patent-box ul li:nth-child(5n-3) .img {

	padding-top: 0;

}

.patent-box ul li .img {

	height: auto;

}

.patent-box ul li:nth-child(2n+1) {

	clear: both;

}

.patent-box ul li:nth-child(5n+1) {

	clear: initial;

}

.patent-box ul li p {

	font-size: 0.4rem;

	line-height: 0.64rem;

}

.patent-feature {

	padding: 1rem 0;

}

.patent-feature .tab {

	display: block;

}

.patent-feature .tab span {

	margin-top: 0.26666666rem;

	width: 30%;

	font-size: 0.3rem;

	line-height: 0.7rem;

}

.patent-feature ul {

	margin: 0 -0.13333333rem 0.53333333rem;

}

.patent-feature li {

	margin-top: 0.66666666rem;

	width: 50%;

	padding: 0 0.26666666rem;

}

.patent-feature li:nth-child(2n+1) {

	clear: both;

}

.patent-feature li .box p {

	margin-top: 0.3rem;

	font-size: 0.4rem;

}

.patent-feature li .video-button .img:after {

	width: 0.8rem;

	height: 0.8rem;

}

/* ========== */































	/* = TECHNOLOGY = */































	/* ========== */































.technology-box {

	padding: 1rem 0;

 b

}

.technology-box .box {

	padding: 0 0.53333333rem 0.66666666rem;

}

.technology-box .box .tit {

	font-size: 0.44rem;

	padding-top: 0.8rem;

}

.technology-box .box .tit span {

	top: 0;

	line-height: 0.8rem;

	font-size: 0.8rem;

}

.technology-box .box .line {

	margin-top: 0.53333333rem;

}

.technology-box .box ul {

	margin: 0 -0.13333333rem;

}

.technology-box .box ul li {

	margin-top: 0.66666666rem;

	width: 50%;

	padding: 0 0.13333333rem;

}

.technology-box .box ul li p {

	margin-top: 0.26666666rem;

	font-size: 0.4rem;

	line-height: 0.53333333rem;

}

/* ========== */































	/* = UNION = */































	/* ========== */































.union {

	padding: 1rem 0 0.53333333rem;

}

.union li {

	margin-bottom: 0.73333333rem;

}

.union li .box:before {

	display: none;

}

.union li .box .img {

	position: relative;

	top: auto;

	left: auto;

	width: 100%;

	transform: translateY(0%);

	-webkit-transform: translateY(0%);

}

.union li .box .text {

	float: none;

	width: 100%;

	padding: 0.66666666rem 0.4rem;

	background: #FFFFFF;

	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);

	box-shadow: 0 0 30px rgba(0,0,0,.1);

}

.union li .box .text .tit {

	padding-bottom: 0.3rem;

}

.union li .box .text .tit span {

	font-size: 0.46666666rem;

	padding-right: 0.53333333rem;

}

.union li .box .text .tit span:after {

	margin-top: -0.2rem;

	width: 0.4rem;

	height: 0.4rem;

}

.union li .box .text .tit:before {

	width: 100%;

}

.union li .box .text .des {

	margin-top: 0.4rem;

	font-size: 0.4rem;

	line-height: 0.64rem;

	height: 2.61333333rem;

}

.union li .png {

	display: none;

}

.union li .letter {

	bottom: -0.4rem;

	font-size: 0.9rem;

}

/* ========== */































	/* = UNION-DETAIL = */































	/* ========== */































.union-detail {

	padding: 1rem 0;

}

.union-detail .detail {

	margin-top: 0.66666666rem;

	font-size: 0.4rem;

	line-height: 0.64rem;

}

}

/* ========== */































/* = MATERIALS = */































/* ========== */































.materials {

	padding: 83px 0 0px;

	background: #fbfbfb;

}

.materials .tab {

	text-align: center;

}

.materials .tab a {

	display: inline-block;

	border: 1px solid #000;

	font-size: 19px;

	color: #000;

	line-height: 42px;

	margin: 0 0.5%;

	min-width: 14%;

	padding: 0 15px;

	position: relative;

	overflow: hidden;

}

.materials .tab a.active {

	background: #000;

	color: #FFFFFF;

}

.materials .tab a.active:after {

	content: "";

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	width: 50px;

	height: 50px;

	background-image: url(../images/home/ico_tongji.png);

}

.materials-list {

	margin: 35px -15px 50px;

}

.materials-list li {

	float: left;

	width: 50%;

	padding: 13px;

}

.materials-list li .box {

	background: #FFFFFF;

	display: block;

}

.materials-list li .img {

	overflow: hidden;

	position: relative;

}

.materials-list li .img>img {

	width: 100%;

}

.materials-list li .img span {

	position: absolute;

	bottom: 11%;

	right: 0;

	max-width: 44%;

	background: rgba(255,255,255,.9);

}

.materials-list li .text {

	padding: 20px;

}

.materials-list li .tit {

	position: relative;

	padding: 0 40px 20px 20px;

	background: url(../images/union/line.png) no-repeat bottom left;

}

.materials-list li .tit span {

	display: inline-block;

	line-height: 44px;

	font-size: 24px;

	font-weight: bold;

	color: #000;

}

.materials-list li .tit i {

	font-style: normal;

	font-size: 12px;

	display: inline-block;

	margin: 0 15px;

}

.materials-list li .tit .xing {

	display: inline-block;

	vertical-align: middle;

}

.materials-list li .tit .xing em {

	line-height: 22px;

	font-style: normal;

	display: inline-block;

	vertical-align: top;

	font-size: 16px;

	color: #333333;

}

.materials-list li .tit .xing .star-box {

	display: inline-block;

	vertical-align: top;

}

.materials-list li .tit:after {

	display: none;

	content: "";

	position: absolute;

	top: 10px;

	right: 0;

	width: 24px;

	height: 24px;

	background-image: url(../images/next_hover.png);

	background-size: cover;

}

.materials-list li .des {

	margin-top: 25px;

	padding: 0 20px;

	color: #999999;

	font-size: 16px;

	line-height: 36px;

	height: 72px;

	overflow: hidden;

}

.materials .shadow {

	margin-top: 90px;

	background: #fbfbfb;

}

.materials-designer {

	padding: 60px 0 80px;

	background: #fbfbfb;

}

.materials-designer .ny-theme p {

	color: #000;

}

.materials-designer ul {

	margin: 0 -13px 35px;

}

.materials-designer li {

	margin-top: 55px;

	float: left;

	width: 25%;

	padding: 0 13px;

}

.materials-designer li .box {

	background: #FFFFFF;

	display: block;

}

.materials-designer li .img {

	overflow: hidden;

	position: relative;

}

.materials-designer li .img img {

	width: 100%;

}

.materials-designer li .img span {

	position: absolute;

	top: 40px;

	left: 30px;

	color: #000;

	font-size: 19px;

	line-height: 22px;

	width: 20px;

	writing-mode: vertical-rl;

}

.materials-designer li .text {

	position: relative;

	padding: 15px 50px 15px 20px;

}

.materials-designer li .text span {

	font-size: 20px;

	color: #333333;

}

.materials-designer li .text i {

	font-size: 16px;

	font-style: normal;

}

.materials-designer li .text:after {

	content: "";

	position: absolute;

	top: 50%;

	right: 20px;

	width: 20px;

	height: 20px;

	margin-top: -10px;

	background-image: url(../images/next_hover.png);

	background-size: cover;

}

.materials-designer li .box:hover .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.materials-designer li .box:hover .text span {

	color: #000;

}

.materials-designer .more-button {

	margin: 0 auto;

	width: 244px;

	line-height: 48px;

	font-size: 20px;

}

.materials-designer .more-button:after {

	width: 60px;

	height: 60px;

}

 @media (max-width:1440px) {

.materials-designer li .img span {

	top: 20px;

	left: 20px;

	font-size: 15px;

}

.materials-designer li .text span {

	font-size: 15px;

}

.materials-designer li .text i {

	font-size: 13px;

}

}

.materials-cooperation {

	padding: 74px 0 95px;

	background: #FFFFFF;

}

.materials-cooperation .content {

	position: relative;

}

.materials-cooperation .content .swiper-button-prev {

	left: -60px;

}

.materials-cooperation .content .swiper-button-next {

	right: -60px;

}

.materials-cooperation .swiper-materials {

	margin-top: 50px;

}

.materials-cooperation .box {

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.materials-cooperation .box .img {

	width: 40%;

	padding: 7px;

	position: relative;

}

.materials-cooperation .box .img div {

	position: relative;

	overflow: hidden;

}

.materials-cooperation .box .img:after {

	content: "";

	z-index: 0;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 70%;

	height: 70%;

	background: #000;

}

.materials-cooperation .box .img img {

	position: relative;

	z-index: 1;

	width: 100%;

}

.materials-cooperation .box .text {

	width: 55%;

}

.materials-cooperation .box .tit {

	font-size: 20px;

	color: #333333;

	line-height: 40px;

}

.materials-cooperation .box .tit span {

	position: relative;

	font-size: 26px;

	font-weight: bold;

	padding: 0 30px;

	display: inline-block;

}

.materials-cooperation .box .tit span:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	background-size: cover;

	width: 20px;

	height: 20px;

	background-image: url(../images/yinhao_01.png);

}

.materials-cooperation .box .tit span:after {

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

	background-size: cover;

	width: 20px;

	height: 20px;

	background-image: url(../images/yinhao_02.png);

}

.materials-cooperation .box .tit i {

	margin: 0 20px;

	display: inline-block;

	vertical-align: middle;

	height: 1px;

	width: 50px;

	background: #b2b2b2;

}

.materials-cooperation .box .line {

	margin-top: 30px;

	border-bottom: 1px dashed #d9d9d9;

	position: relative;

}

.materials-cooperation .box .line i {

	content: "";

	position: absolute;

	top: -10px;

	right: 0;

	display: block;

	width: 20px;

	height: 20px;

	border: 1px dashed #d9d9d9;

}

.materials-cooperation .box .line i:before {

	content: "";

	position: absolute;

	top: 4px;

	left: 4px;

	width: 10px;

	height: 10px;

	background: #000;

}

.materials-cooperation .box .des {

	margin: 35px 0 40px;

	font-size: 16px;

	line-height: 34px;

	height: 108px;

	overflow: hidden;

}

.materials-cooperation .box:hover .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.materials-cooperation .box:hover .tit span {

	color: #000;

}

/* ========== */































/* = COOPERATION_DETAIL = */































/* ========== */































.cooperation-detail {

	padding: 86px 0 120px;

	background-image: url(../images/materials/cooperation_bg.jpg);

}

.cooperation-detail .ny-theme {

	text-align: center;

}

.cooperation-detail .ny-theme .cooperation-tit {

	position: relative;

	display: inline-block;

	padding: 0 30px;

}

.cooperation-detail .ny-theme .cooperation-tit:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	background-size: cover;

	width: 20px;

	height: 20px;

	background-image: url(../images/materials/yinhao_01.png);

}

.cooperation-detail .ny-theme .cooperation-tit:after {

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

	background-size: cover;

	width: 20px;

	height: 20px;

	background-image: url(../images/materials/yinhao_02.png);

}

.cooperation-detail .detail {

	margin-top: 55px;

}

/* ========== */































/* = AUXILIARY = */































/* ========== */































.auxiliary {

	padding: 93px 0;

	background:#fbfbfb;

}

.auxiliary .ny-theme p {

	color: #000;

}

.auxiliary .content {

	position: relative;

	padding-bottom: 75px;

}

.auxiliary li {

margin-top: 50px;

}

.auxiliary .box {

	position: relative;

	background: #FFFFFF;

padding: 45px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between; 

}

.auxiliary .box .left {

	width: 40%;

	height: 300px;

	margin-top: 40px;

	background: url(../images/auxiliary_left_bg.png) right no-repeat;

	position: relative;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.auxiliary .box .left .num {

	position: absolute;

	top: -70px;

	left: 20px;

	background-image: url(../images/ico_star.png);

	width: 118px;

	height: 118px;

	padding-top: 50px;

	padding-left: 35px;

	background-size: cover;

	font-size: 30px;

	line-height: 40px;

	font-family: "Great";

	color: #FFFFFF;

	display: none;

}

.auxiliary .box .left .img {

	max-width: 60%;

	margin: 0 auto;

}

.auxiliary .box .left p {

	font-size: 16px;

	padding: 0 10px;

	color: #333333;

	text-align: center;

}

.auxiliary .box .right {

	margin-left: -5%;

	height: 300px;

	width: 64%;

	background: url(../images/auxiliary_right_bg.png) left no-repeat;

	padding: 4% 2% 2% 6%; margin-top:38px;

}

.auxiliary .box .right .top {

	position: relative;

	z-index: 1;

}

.auxiliary .box .right .top .tit {

	position: relative;

	padding: 18px 110px 18px 90px;

	overflow: hidden;

}

.auxiliary .box .right .top .tit:before {

	content: "";

	position: absolute;

	top: 0;

	left: 30px;

	width: 100%;

	height: 100%;

	background: #FFFFFF;

	transform: skewX(-12deg);

	-webkit-transform: skewX(-12deg);

}

.auxiliary .box .right .top .tit span {

	position: relative;

	z-index: 1;

	font-size: 24px;

	font-weight: bold;

	color: #000;

}

.auxiliary .box .right .top .tit i {

	position: absolute;

	bottom: 0;

	right: 0;

	z-index: 1;

	font-size: 44px;

	color: #000;

	opacity: 0.05;

	font-family: "Great";

}

.auxiliary .box .right .top .line {

	position: absolute;

	top: 100%;

	right: 70px;

	width: 1px;

	height: 45px;

	background: #FFFFFF;

	display: none;

}

.auxiliary .box .right .top .line:before {

	content: "";

	position: absolute;

	bottom: -10px;

	left: -5px;

	width: 10px;

	height: 10px;

	border: 1px solid #FFFFFF;

}

.auxiliary .box .right .con {

	margin-top: 50px;



	display: flex;

	align-items: flex-start;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}









.auxiliary .box .right .con .img {

	width: 40%;

	margin-top: -4%;

}

.auxiliary .box .right .con .text {

	width: 100%;

	padding:2% 5%;

	position: relative; border-right:1px solid #fff; overflow:hidden; height:68px;
	

}

.auxiliary .box .right .con .text p {

	padding-left: 65px;

	position: relative;

	margin-bottom: 20px;

	color: #FFFFFF;

	font-size: 16px;

	font-weight: bold;

	line-height: 32px;

}

.auxiliary .box .right .con .text p:last-child {

	margin-bottom: 0;

}

.auxiliary .box .right .con .text p:before {

	content: "";

	position: absolute;

	left: 50px;

	top: 15px;

	width: 6px;

	height: 6px;

	background: #FFFFFF; 

}

.auxiliary .box .right .con .text:before {

	content: "";

position: absolute;

top: 0px;

right: -7px;

height: 68px;

width: 100%;

transform: skewX(-12deg);

-webkit-transform: skewX(-12deg);

border: 1px solid #fff;

	

}

.auxiliary .box .right .con .text .line-01:before {

	content: "";

	position: absolute;

	bottom: 20px;

	left: -1px;

	width: 1px;

	height: 12px;

	background: #000;

}

.auxiliary .box .right .con .text .line-01:after {

	content: "";

	position: absolute;

	bottom: 40px;

	left: -1px;

	width: 1px;

	height: 12px;

	background: #000;

}

.auxiliary .box .right .con .text .line-02:before {

	content: "";

	position: absolute;

	top: 50px;

	right: -1px;

	width: 1px;

	height: 12px;

	background: #000;

}

.auxiliary .box .right .con .text .line-02:after {

	content: "";

	position: absolute;

	bottom: -1px;

	right: 30px;

	height: 1px;

	width: 25px;

	background: #000;

}

.auxiliary .box .ico-vs {

	position: absolute;

	z-index: 2;

	top: 50%;

	left: 33%;

	transform: translateY(-50%);

	display: block;

	width: 12%;

}

 @media (max-width:1580px) {

.auxiliary .box .right .con .text p {

	margin-bottom: 13px;

	font-size: 14px;

	line-height: 28px;

}

.auxiliary .box .right .con .text p:before {

	top: 10px;

}

}

/* ========== */































/* = MB-AUXILIARY = */































/* ========== */































.mb-auxiliary {

	padding: 1rem 0;

	background-image: url(../images/auxiliary_bg.jpg);

}

.mb-auxiliary .ny-theme>span {

	width: 200%;

	margin-left: -50%;

}

.mb-auxiliary li {

	margin-top: 0.7rem;

}

.mb-auxiliary .box {

	padding-top: 0.66666666rem;

	background: #FFFFFF;

}

.mb-auxiliary .box .con {

	position: relative;

}

.mb-auxiliary .box .left {

	float: left;

	background-repeat: no-repeat;

	width: 5rem;

	height: 4.8rem;

	margin-top: 0.56rem;

	background-position: right;

	background-image: url(../images/auxiliary_left_bg.png);

	background-size: cover;

	position: relative;

}

.mb-auxiliary .box .left .num {

	position: absolute;

	top: -0.93333333rem;

	left: 0.26666666rem;

	background-image: url(../images/ico_star.png);

	width: 1.57333333rem;

	height: 1.57333333rem;

	padding-top: 0.66666666rem;

	padding-left: 0.46666666rem;

	background-size: cover;

	font-size: 0.4rem;

	line-height: 0.53333333rem;

	font-family: "Great";

	color: #FFFFFF;

}

.mb-auxiliary .box .left .img {

	margin-top: 0.86666666rem;

	margin-left: 0.76rem;

	width: 3.2rem;

}

.mb-auxiliary .box .left p {

	font-size: 0.26666666rem;

	color: #333333;

	text-align: center;

}

.mb-auxiliary .box .right {

	float: right;

	margin-left: -3rem;

	height: 5.6rem;

	width: 5.73333333rem;

	background-position: left;

	background-image: url(../images/auxiliary_right_bg.png);

	background-size: cover;

	padding-top: 0.6rem;

	padding-left: 0.8rem;

}

.mb-auxiliary .box .right .tit {

	position: relative;

	padding: 0.2rem 0.2rem 0.2rem 1.2rem;

}

.mb-auxiliary .box .right .tit:before {

	content: "";

	position: absolute;

	top: 0;

	left: 30px;

	width: 100%;

	height: 100%;

	background: #FFFFFF;

	transform: skewX(-12deg);

	-webkit-transform: skewX(-12deg);

}

.mb-auxiliary .box .right .tit span {

	position: relative;

	z-index: 1;

	font-size: 0.4rem;

	font-weight: bold;

	color: #000;

}

.mb-auxiliary .box .right .line {

	position: absolute;

	top: 100%;

	right: 70px;

	width: 1px;

	height: 45px;

	background: #FFFFFF;

}

.mb-auxiliary .box .right .line:before {

	content: "";

	position: absolute;

	bottom: -10px;

	left: -5px;

	width: 10px;

	height: 10px;

	border: 1px solid #FFFFFF;

}

.mb-auxiliary .box .right .img {

	margin-left: 0.8rem;

	margin-top: 0.3rem;

	width: 3.33333333rem;

}

.mb-auxiliary .box .ico-vs {

	position: absolute;

	z-index: 2;

	top: 50%;

	left: 39%;

	transform: translateY(-50%);

	display: block;

	width: 15%;

}

.mb-auxiliary .box .des {

	padding: 0.53333333rem 0.66666666rem 0.8rem;

	background: #000;

	position: relative;

}

.mb-auxiliary .box .des .line {

	position: absolute;

	top: -0.36rem;

	right: 2.46666666rem;

	width: 1px;

	height: 0.8rem;

	background: rgba(255,255,255,.6);

}

.mb-auxiliary .box .des .line:before {

	content: "";

	position: absolute;

	bottom: -0.14rem;

	left: -0.07rem;

	width: 0.14rem;

	height: 0.14rem;

	border: 1px solid rgba(255,255,255,.6);

}

.mb-auxiliary .box .text {

	padding: 7%;

	border: 1px solid rgba(255,255,255,.6);

	position: relative;

}

.mb-auxiliary .box .text p {

	padding-left: 0.4rem;

	position: relative;

	color: #FFFFFF;

	font-size: 0.4rem;

	line-height: 0.66rem;

}

.mb-auxiliary .box .text p:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0.28rem;

	width: 0.1rem;

	height: 0.1rem;

	background: #FFFFFF;

}

.mb-auxiliary .box .text:before {

	content: "";

	position: absolute;

	top: -1px;

	right: 1.5rem;

	height: 1px;

	width: 0.62666666rem;

	background: #000;

}

.mb-auxiliary .box .text .line-01:before {

	content: "";

	position: absolute;

	bottom: 0.4rem;

	left: -1px;

	width: 1px;

	height: 0.22666666rem;

	background: #000;

}

.mb-auxiliary .box .text .line-01:after {

	content: "";

	position: absolute;

	bottom: 0.7rem;

	left: -1px;

	width: 1px;

	height: 0.22666666rem;

	background: #000;

}

.mb-auxiliary .box .text .line-02:before {

	content: "";

	position: absolute;

	top: 0.8rem;

	right: -1px;

	width: 1px;

	height: 0.22666666rem;

	background: #000;

}

.mb-auxiliary .box .text .line-02:after {

	content: "";

	position: absolute;

	bottom: -1px;

	right: 0.53333333rem;

	height: 1px;

	width: 0.62666666rem;

	background: #000;

}

/* ========== */































/* = ELECTRICAL = */































/* ========== */































.electrical {

	padding: 60px 0;

	background: #fbfbfb;

}

.electrical .content {

	position: relative;

	padding-bottom: 70px;

}

.electrical .button-div {

	position: absolute;

	left: 35%;

	width: 30%;

	height: 12px;

	bottom: 0px;

}

.electrical .button-div .swiper-button-next {

	z-index: 11;

}

.electrical .button-div .swiper-button-prev {

	z-index: 11;

}

.electrical-form {

	position: relative;

	height: 154px;

	background-image: url(../images/electrical_form_bg.jpg);

}

.electrical-form img {

	position: absolute;

	top: 0;

	left: 40px;

}

.electrical-form .text {

	position: absolute;

	top: 35px;

	left: 205px;

	color: #FFFFFF;

}

.electrical-form .text .tit {

	font-size: 36px;

	font-weight: bold;

	text-shadow: 0 0 4px #000;

}

.electrical-form .text .des {

	margin-top: 10px;

	font-size: 16px;

}

.electrical-form .con {

	padding: 56px 24px 0 600px;

}

.electrical-form .con span {

	display: block;

	float: left;

	width: 33.333333%;

	padding: 0 15px;

}

.electrical-form .con input {

	height: 40px;

	width: 100%;

	line-height: 24px;

	border: none;

	padding: 8px 20px;

	background: #FFFFFF;

}

.electrical-form .con .button {

	line-height: 40px;

	width: 100%;

	font-size: 16px;

}

/* ========== */































/* = ELECTRICAL-DETIAL = */































/* ========== */































.electrical-detial {

	padding: 60px 0 127px;

	background: #fafafa;

}

.electrical-detial .detail img {

	width: 100%;

}

/* ========== */































/* = MANAGEMENT = */































/* ========== */































.management {

	padding: 100px 0 40px;

	background: #f9f9f9;

}

.management li {

	margin-bottom: 100px;

	position: relative;

}

.management li .img {

	position: absolute;

	top: 50%;

	right: 0;

	transform: translateY(-50%);

}

.management li .text {

	float: left;

	width: 44%;

	position: relative;

	z-index: 1;

	background: #FFFFFF;

	padding: 4.8% 4%;

}

.management li .text .tit {

	font-size: 30px;

	color: #000;

}

.management li .text .line {

	margin: 30px 0 40px;

	width: 100%;

	border-bottom: 1px dashed #d2d2d2;

	position: relative;

}

.management li .text .line:before {

	content: "";

	position: absolute;

	top: -1px;

	left: 0;

	height: 3px;

	width: 115px;

	background: #000;

}

.management li .text .line i {

	position: absolute;

	top: -10px;

	right: 0px;

	width: 20px;

	height: 20px;

	padding: 4px;

	background: #FFFFFF;



}

.management li .text .line i:before {

	content: "";

	position: absolute;

	top: 5px;

	left: 5px;

	width: 8px;

	height: 8px;



}

.management li .text .des {

	position: relative;

	padding: 15px 20px;

}

.management li .text .des:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 80px;

	border: 1px solid #e5e5e5;

}

.management li .text .des div {

	position: relative;

	z-index: 1;

	background: #ffffff;

	padding: 10px;font-size: 16px;

line-height: 30px;

}

.management li .text .des div p {

	font-size: 20px;

	color: #333;

}

.management li .text .des div em {

	margin-top: 15px;

	display: block;

	font-size: 12px;

	color: #999999;

	text-transform: uppercase;

}















/*.management li:nth-child(2n) .text {















	float: left;















}















.management li:nth-child(2n) .img {















	left: auto;















	right: 0;















}







*/







 @media (max-width:1400px) {

/* ========== */































	/* = ELECTRICAL = */































	/* ========== */































.electrical-form .text .tit {

	font-size: 30px;

}

.electrical-form .con .des {

	font-size: 12px;

}

.electrical-form .con {

	padding-left: 490px;

}

}

 @media (max-width:999px) {

/* ========== */































	/* = MATERIALS = */































	/* ========== */






























.materials {

	padding: 1rem 0;

}

.materials .tab a {

	font-size: 0.35rem;

	line-height: 0.8rem;

	margin-bottom: 0.26666666rem;

	width: 30%;

}

.materials .tab a.active:after {

	width: 1rem;

	height: 1rem;

}

.materials-list {

	margin: 0.53333333rem 0 0.2rem;

}

.materials-list li {

	width: 100%;

	padding: 0;

	margin-bottom: 0.66666666rem;

}

.materials-list li .text {

	padding: 0.66666666rem 0.33333333rem;

}

.materials-list li .tit {

	padding: 0 0.66666666rem 0.4rem 0;

}

.materials-list li .tit span {

	line-height: 0.6rem;

	font-size: 0.45333333rem;

}

.materials-list li .tit i {

	display: none;

}

.materials-list li .tit .xing {

	display: block;

	margin-top: 0.13333333rem;

}

.materials-list li .tit .xing em {

	font-size: 0.4rem;

}

.materials-list li .tit:after {

	top: 0.1rem;

	width: 0.4rem;

	height: 0.4rem;

}

.materials-list li .des {

	margin-top: 0.33333333rem;

	padding: 0;

	font-size: 0.4rem;

	line-height: 0.64rem;

	height: auto;

}

.materials .shadow {

	margin-top: 0.66666666rem;

}

.materials-designer {

	padding: 1rem 0;

}

.materials-designer li {

	width: 50%;

	padding: 0 0.2rem;

	margin-top: 0.66666666rem;

}

.materials-designer li .img span {

	font-size: 0.26rem;

	left: 0.3rem;

	top: 0.3rem;

}

.materials-designer li .text span {

	font-size: 0.36rem;

}

.materials-designer li .text i {

	display: none;

}

.materials-designer li .text:after {

	width: 14px;

	height: 14px;

	margin-top: -7px;

}

.materials-designer .more-button {

	width: 3rem;

	line-height: 38px;

	font-size: 0.37333333rem;

}

.materials-designer .more-button:after {

	width: 40px;

	height: 40px;

}

.materials-cooperation {

	padding: 1rem 0;

}

.materials-cooperation .content {

	padding: 0 0.8rem;

}

.materials-cooperation .content .swiper-button-prev {

	left: 0;

	width: 0.53333333rem;

	height: 0.53333333rem;

}

.materials-cooperation .content .swiper-button-next {

	right: 0;

	width: 0.53333333rem;

	height: 0.53333333rem;

}

.materials-cooperation .swiper-materials {

	margin-top: 0.66666666rem;

}

.materials-cooperation .box {

	display: block;

}

.materials-cooperation .box .img {

	width: 100%;

}

.materials-cooperation .box .text {

	width: 100%;

	margin-top: 0.66666666rem;

}

.materials-cooperation .box .tit {

	font-size: 0.4rem;

	line-height: 0.66666666rem;

}

.materials-cooperation .box .tit span {

	font-size: 0.44rem;

	padding: 0 0.4rem;

}

.materials-cooperation .box .tit span:before, .materials-cooperation .box .tit span:after {

	width: 0.26666666rem;

	height: 0.26666666rem;

}

.materials-cooperation .box .tit i {

	margin: 0 0.13333333rem;

	width: 0.53333333rem;

}

.materials-cooperation .box .line {

	margin-top: 0.4rem;

}

.materials-cooperation .box .des {

	margin: 0.6rem 0;

	font-size: 0.4rem;

	line-height: 0.64rem;

	height: 1.81333333rem;

}

/* ========== */































	/* = COOPERATION_DETAIL = */































	/* ========== */































.cooperation-detail {

	padding: 1rem 0;

}

.cooperation-detail .ny-theme .cooperation-tit {

	padding: 0 0.4rem;

}

.cooperation-detail .ny-theme .cooperation-tit:before, .cooperation-detail .ny-theme .cooperation-tit:after {

	width: 0.26666666rem;

	height: 0.26666666rem;

}

.cooperation-detail .detail {

	margin-top: 0.8rem;

}

/* ========== */































	/* = AUXILIARY = */































	/* ========== */































.auxiliary {

	padding: 1rem 0;

}

.auxiliary .content {

	padding-bottom: 1rem;

}

.auxiliary li {

	margin-top: 0.8rem;

}

.auxiliary .box {

	padding:0 0.4rem 0.8rem 0.4rem;

	display: block;

}

.auxiliary .box .left {

	width: 100%;

	background: #ececec;

	height: auto;

	padding: 0.9rem 0 0.9rem; margin-top:0;

}

.auxiliary .box .left .num {

	top: -0.93333333rem;

	left: 0.26666666rem;

	width: 1.57333333rem;

	height: 1.57333333rem;

	padding-top: 0.66666666rem;

	padding-left: 0.46666666rem;

	font-size: 0.4rem;

	line-height: 0.53333333rem;

}

.auxiliary .box .left p {

	font-size: 0.4rem;

	padding: 0 0.13333333rem;

}

.auxiliary .box .right {

	margin-left: 0;

	width: 100%;

	height: auto;

	background: #000;

	padding: 0.93333333rem 0.4rem;

}

.auxiliary .box .right .top .tit {

	padding: 0.2rem 0.4rem 0.26666666rem 0.8rem;

	background: #FFFFFF;

}

.auxiliary .box .right .top .tit:before {

	display: none;

}

.auxiliary .box .right .top .tit span {

	font-size: 0.4rem;

	font-size: 0.4rem;

}

.auxiliary .box .right .top .tit i {

	font-size: 0.53333333rem;

}

.auxiliary .box .right .top .line {

	display: none;

}

.auxiliary .box .right .con {

	margin-top: 0.53333333rem;

	display: block;

}

.auxiliary .box .right .con .img {

	width: 50%;

	margin: 0 auto;

}

.auxiliary .box .right .con .text {

	width: 100%;

	padding:4% 5%;

}

.auxiliary .box .right .con .text p {

	padding-left: 0.4rem;

	margin-bottom: 0.26666666rem;

	font-size: 0.4rem;

	line-height: 0.6rem;

}
.auxiliary .box .right .con .text:before{right: -1px;}

.auxiliary .box .right .con .text p:before {

	top: 0.2rem;

	width: 0.2rem;

	height: 0.2rem; display:none;

}



.auxiliary .box .right .con .text:before {
  transform: skewX(0deg);
  -webkit-transform: skewX(0deg);
  }

.auxiliary .box .ico-vs {

	position: absolute;

	top: 7.2rem;

	left: 50%;

	transform: translateX(-50%);

}

/* ========== */































	/* = ELECTRICAL = */































	/* ========== */































.electrical {

	padding: 1rem 0;

}

.electrical .content {

	position: relative;

	padding-bottom: 0.93333333rem;

}

.electrical .button-div {

	left: 0;

	width: 100%;

}

.electrical-form {

	height: auto;

	background: #ddba6f;

	padding-top: 0.7rem;

}

.electrical-form img {

	display: none;

}

.electrical-form .text {

	position: relative;

	top: auto;

	left: auto;

	text-align: center;

}

.electrical-form .text .tit {

	font-size: 0.58666666rem;

}

.electrical-form .text .des {

	margin-top: 0.13333333rem;

	font-size: 0.4rem;

}

.electrical-form .con {

	padding: 0.6rem 0.4rem;

}

.electrical-form .con span {

	margin-bottom: 0.26666666rem;

	width: 100%;

	padding: 0;

}

/* ========== */































	/* = ELECTRICAL-DETIAL = */































	/* ========== */































.electrical-detial {

	padding: 1rem 0;

}

/* ========== */































	/* = MANAGEMENT = */































	/* ========== */































.management {

	padding: 1rem 0 0.66666666rem;

}

.management li {

	margin-bottom: 0.8rem;

}

.management li .img {

	position: relative;

	top: auto;

	left: auto;

	transform: translateY(0%);

}

.management li .text {

	width: 100%;

	padding: 0.7rem 0.5rem;

}

.management li .text .tit {

	font-size: 0.44rem;

	font-weight: bold;

}

.management li .text .line {

	margin: 0.4rem 0 0.66666666rem;

}

.management li .text .line:before {

	width: 0.9rem;

}

.management li .text .des {

	padding: 0.4rem;

}

.management li .text .des div p {

	font-size: 0.4rem;

	line-height: 0.7rem;

}

.management li .text .des div em {

	margin-top: 0.26666666rem;

	font-size: 0.4rem;

	line-height: 0.64rem;

}

}

/* ========== */































/* = SERVICE = */































/* ========== */































.service-tit {

	text-align: center;

	padding-bottom: 30px;

	background: url(../images/line.png) no-repeat bottom;

}

.service-tit span {

	display: inline-block;

	vertical-align: middle;

	font-size: 74px;

	color: #dedddd;

}

.service-tit i {

	display: inline-block;

	vertical-align: middle;

	margin-left: -30px;

	font-weight: bold;

	font-style: normal;

	font-size: 30px;

	color: #000;

}

.service-before {

	padding: 95px 0 135px;

	background-image: url(../images/service_before_bg.jpg);

}

.service-before ul {

	margin: 55px -12px 0;

}

.service-before li {

	float: left;

	width: 16%;

	padding: 0 12px;

}

.service-before li .box {

	padding: 30px 15px 25px;

	background: #e6e6e6;

	position: relative;

	height: 385px;

}

.service-before li .box:after {

	content: "";

	position: absolute;

	top: 25%;

	right: -10px;

	border-top: 30px solid transparent;

	border-bottom: 30px solid transparent;

	border-left: 20px solid #e6e6e6;

}

.service-before li .box .img {

	width: 82%;

	margin: 0 auto;

	border-radius: 100%;

	border: 2px solid #FFFFFF;

	overflow: hidden;

}

.service-before li .box .img img {

	width: 100%;

	border-radius: 100%;

}

.service-before li .box p {

	padding: 30px 0;

	font-size: 20px;

	color: #333333;

	line-height: 36px;

	text-align: center;

	height: 132px;

}

.service-before li .box .line {

	border-top: 1px dashed #b8b8b8;

}

.service-before li .box .num {

	margin-top: -2px;

	padding-top: 20px;

	width: 20%;

	border-top: 2px solid #000;

	color: #000;

	font-weight: bold;

	font-size: 24px;

}

.service-before li .box .num b {

	display: inline-block;

	width: 24px;

	height: 24px;

	border-radius: 100%;

	background: #000;

}

.service-before li:nth-child(2) .box .num {

	margin-left: 16%;

}

.service-before li:nth-child(3) .box .num {

	margin-left: 32%;

}

.service-before li:nth-child(4) .box .num {

	margin-left: 48%;

}

.service-before li:nth-child(5) .box .num {

	margin-left: 64%;

}

.service-before li:nth-child(6) .box .num {

	margin-left: 80%;

}

.service-before li:nth-child(5) .box:after, .service-before li:nth-child(6) .box:after {

}

.service-before li .box:hover {

	background: #000;

}

.service-before li .box:hover:after {

	border-left-color: #000;

}

.service-before li .box:hover p {

	color: #FFFFFF;

}

.service-before li .box:hover .line {

	border-color: #FFFFFF;

}

.service-before li .box:hover .num {

	color: #FFFFFF;

	border-color: #FFFFFF;

}

.service-shouzhong {

	padding: 95px 0 135px;

	background-image: url(../images/service_before_bg.jpg);

}

.service-shouzhong ul {

	margin: 55px -12px 0;

}

.service-shouzhong li {

	float: left;

	width: 14%;

	padding: 0 12px;

	margin-top: 20px;

}

.service-shouzhong li .box {

	padding: 30px 15px 25px;

	background: #e6e6e6;

	position: relative;

	height: 300px;

}

.service-shouzhong li .box:after {

	position: absolute;

	top: 25%;

	right: -10px;

	border-top: 30px solid transparent;

	border-bottom: 30px solid transparent;

	border-left: 20px solid #e6e6e6;

}

.service-shouzhong li .box .img {

	width: 100%;

	margin: 0 auto;

	border-radius: 100%;

	overflow: hidden;

}

.service-shouzhong li .box .img img {

	width: 83%;

	position: absolute;

	bottom: 0;

}

.service-shouzhong li .box p {

	font-size: 20px;

	color: #333333;

	line-height: 28px;

}

.service-shouzhong li .box .line {

	border-top: 1px dashed #b8b8b8;

}

.service-shouzhong li .box .num {

	margin-top: -2px;

	padding-top: 20px;

	width: 20%;

	border-top: 2px solid #000;

	color: #000;

	font-weight: bold;

	font-size: 24px;

}

.service-shouzhong li .box .num b {

	display: inline-block;

	width: 24px;

	height: 24px;

	border-radius: 100%;

	background: #000;

}

.service-shouzhong li:nth-child(2) .box .num {

	margin-left: 16%;

}

.service-shouzhong li:nth-child(3) .box .num {

	margin-left: 32%;

}

.service-shouzhong li:nth-child(4) .box .num {

	margin-left: 48%;

}

.service-shouzhong li:nth-child(5) .box .num {

	margin-left: 64%;

}

.service-shouzhong li:nth-child(6) .box .num {

	margin-left: 80%;

}

.service-shouzhong li:nth-child(5) .box:after, .service-before li:nth-child(6) .box:after {

}

.service-shouzhong li .box:hover {

	background: #000;

}

.service-shouzhong li .box:hover:after {

	border-left-color: #000;

}

.service-shouzhong li .box:hover p {

	color: #FFFFFF;

}

.service-shouzhong li .box:hover .line {

	border-color: #FFFFFF;

}

.service-shouzhong li .box:hover .num {

	color: #FFFFFF;

	border-color: #FFFFFF;

}

.service-middle {

	padding: 140px 0 160px;

	background-image: url(../images/service_middle_bg.jpg);

}

.service-middle .content {

	position: relative;

	width: 490px;

	margin: 0 auto;

}

.service-middle .css-live-wrap {

	position: absolute;

	top: 150px;

	left: 50%;

	margin-left: -215px;

}

.service-middle .content img {

	position: relative;

	z-index: 1;

}

.service-middle .content .service-tit {

	position: absolute;

	z-index: 2;

	top: 300px;

	left: 0;

	width: 100%;

	text-align: center;

	color: #FFFFFF;

	background: none;

}

.service-middle .content .service-tit span {

	color: rgba(255,255,255,.4);

}

.service-middle .content .service-tit i {

	color: #FFFFFF;

}

.service-middle li {

	position: absolute;

	color: #FFFFFF;

	width: 500px;

}

.service-middle li span {

	font-size: 20px;

	display: block;

}

.service-middle li p {

	margin-top: 10px;

	color: #cacaca;

}

.service-middle li:nth-child(1) {

	top: -70px;

	left: 170px;

}

.service-middle li:nth-child(2) {

	top: 10px;

	left: 419px;

}

.service-middle li:nth-child(3) {

	top: 100px;

	left: 489px;

}

.service-middle li:nth-child(4) {

	top: 200px;

	left: 522px;

}

.service-middle li:nth-child(5) {

	top: 295px;

	left: 503px;

}

.service-middle li:nth-child(6) {

	top: 390px;

	left: 475px;

}

.service-middle li:nth-child(7) {

	top: 470px;

	left: 425px;

}

.service-middle li:nth-child(8) {

	bottom: -70px;

	left: 170px;

}

.service-middle li:nth-child(9) {

	top: 470px;

	right: 425px;

	text-align: right;

}

.service-middle li:nth-child(10) {

	top: 390px;

	right: 475px;

	text-align: right;

}

.service-middle li:nth-child(11) {

	top: 295px;

	right: 503px;

	text-align: right;

}

.service-middle li:nth-child(12) {

	top: 200px;

	right: 522px;

	text-align: right;

}

.service-middle li:nth-child(13) {

	top: 100px;

	right: 489px;

	text-align: right;

}

.service-middle li:nth-child(14) {

	top: 10px;

	right: 419px;

	text-align: right;

}

.mb-service-middle {

	padding: 0.93333333rem 0.4rem 1.06666666rem;

	background-image: url(../images/service_middle_m.jpg);

}

.mb-service-middle .service-tit {

	background: url(../images/line_white.png) bottom center no-repeat;

}

.mb-service-middle .service-tit span {

	color: rgba(255,255,255,.4);

}

.mb-service-middle .service-tit i {

	color: #FFFFFF;

}

.mb-service-middle ul {

	padding-bottom: 1.46666666rem;

}

.mb-service-middle li {

	margin-top: 1.06666666rem;

	float: left;

	margin-right: 4%;

	width: 48%;

	position: relative;

	padding-left: 1.2rem;

	color: #FFFFFF;

}

.mb-service-middle li:nth-child(2n) {

	margin-right: 0;

}

.mb-service-middle li:nth-child(2n+1) {

	clear: both;

}

.mb-service-middle li img {

	width: 0.93333333rem;

	position: absolute;

	top: 0;

	left: 0;

}

.mb-service-middle li span {

	font-size: 0.34666666rem;

	display: block;

}

.mb-service-middle li p {

	font-size: 0.26666666rem;

	line-height: 0.53333333rem;

	margin-top: 0.13333333rem;

	text-align: justify;

}

.mb-service-middle .swiper-pagination-bullet {

	margin: 0;

	width: 1.33333333rem;

	height: 1px;

	background: #FFFFFF;

	opacity: .5;

}

.mb-service-middle .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 0;

}

.mb-service-middle .swiper-pagination-bullet-active {

	height: 2px;

	opacity: 1;

}

.mb-service-middle .button {

	position: relative;

	max-width: 4rem;

	margin: 0.66666666rem auto 0;

}

.mb-service-middle .button img {

	width: 0.8rem;

}

.service-after {

	padding: 95px 0 135px;

	background-image: url(../images/service_after_bg.jpg);

}

.service-after li {

	margin-top: 45px;

	float: left;

	width: 32%;

	margin-right: 2%;

}

.service-after li:nth-child(3n) {

	margin-right: 0;

}

.service-after li .box {

	background: #FFFFFF;

	padding: 50px 15px 90px;

	text-align: center;

	position: relative;

}

.service-after li .box span {

	display: block;

	font-size: 20px;

	color: #333333;

	font-weight: bold;

}

.service-after li .box p {

	margin-top: 10px;

	font-size: 16px;

}

.service-after li .box img {

	position: absolute;

	bottom: -30px;

	left: 50%;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	background: #000;

	border-radius: 100%;

	border: 4px solid #FFFFFF;

}

.service-after li .box:hover {

	background: #000;

	color: #ffffff;

}

.service-after li .box:hover span {

	color: #ffffff;

}

/* ========== */































/* = PRAISE = */































/* ========== */































.praise-banner img {

	width: 100%;

}

.praise-bg {

	padding: 75px 0 85px;

	background-image: url(../images/praise_bg.jpg);

}

.praise {

	max-width: 1600px;

	background: #FFFFFF;

	margin: 0 auto;

	padding-bottom: 7%;

}

.praise-list {

	margin-bottom: 50px;

}

.praise-list li {

	padding: 70px 60px;

	border-bottom: 1px solid #e5e5e5;

}

.praise-list li .touxiang {

	float: left;

	width: 74px;

	border-radius: 100%;

	overflow: hidden;

}

.praise-list li .con {

	margin-left: 98px;

}

.praise-list li .tit {

	position: relative;

	padding-right: 220px;

}

.praise-list li .tit:after {

	content: "";

	position: absolute;

	top: -45px;

	right: 200px;

	width: 120px;

	height: 120px;

	background-image: url(../images/gaizhang.png);

	background-size: cover;

}

.praise-list li .tit h2 {

	font-size: 24px;

	color: #333333;

	font-weight: bold;

}

.praise-list li .tit .starcon {

	margin-top: 12px;

}

.praise-list li .tit .starcon .star-box {

	display: inline-block;

	vertical-align: middle;

}

.praise-list li .tit .starcon>span {

	display: inline-block;

	vertical-align: middle;

	margin-left: 10px;

}

.praise-list li .tit .yuyue-button {

	position: absolute;

	top: 0;

	right: 0;

	display: block;

	width: 174px;

	height: 38px;

	line-height: 38px;

	color: #FFFFFF;

	background: linear-gradient(top, #f9ac12, #f8940a);

	background: -webkit-linear-gradient(top, #f9ac12, #f8940a);

	font-size: 16px;

	text-align: center;

}

.praise-list li .des {

	margin-top: 20px;

	line-height: 30px;

	text-align: justify;

}

.praise-list li .tip {

	margin-top: 45px;

	color: #999999;

}

.praise-list li .tip span {

	display: inline-block;

	vertical-align: middle;

	padding-bottom: 5px;

	border-bottom: 1px solid #fff;

}

.praise-list li .tip i {

	display: inline-block;

	width: 1px;

	height: 10px;

	background: #999999;

	vertical-align: middle;

	margin: 0 24px;

}

.praise-list li .tip a {

	color: #999999;

}

.praise-list li .tip span.underline {

	border-bottom: 1px solid #999999;

	font-weight: bold;

}

.praise-list li .tip span.underline a:hover {

	color: #000;

}

.praise-list li .img {

	font-size: 0;

}

.praise-list li .img .img-div {

	margin-top: 20px;

	margin-right: 1%;

	display: inline-block;

	position: relative;

}

.praise-list li .img .img-div:after {

	display: none;

	content: "";

	position: absolute;

	z-index: 10;

	top: 90px;

	width: 18px;

	height: 18px;

	margin-left: -9px;

	left: 50%;

	background-image: url(../images/sanjiao.png);

	background-size: cover;

}

.praise-list li .img .img-div>img {

	height: 90px;

}

.praise-list li .img .img-div:hover:after {

	display: block;

}

.praise-list li .img .img-div:hover div {

	display: block;

}

.praise-list li .img .img-div div {

	display: none;

	position: absolute;

	z-index: 9;

	top: 107px;

	lef: 0;

	width: 380px;

	padding: 8px;

	border: 1px solid #000;

	background: #ffffff;

}

.praise-list li .img .img-div div img {

	width: 100%;

}

.praise-bg .page {

	max-width: 100%;

	padding: 0;

}

.praise-bg .page ul {

	text-align: right;

	display: block;

}

.praise-bg .page li:first-child {

	position: relative;

	top: auto;

	left: auto;

}

.praise-bg .page li:last-child {

	position: relative;

	top: auto;

	right: auto;

}

.praise-bg .page li:first-child {

	padding-right: 0;

}

.praise-bg .page li:last-child {

	padding-left: 0;

}

.praise-bg .page li:first-child:after, .praise-bg .page li:last-child:after {

	display: none;

}

.praise-bg .page li.active, .praise-bg .page li:hover {

	background: #eaeaea;

}

.praise-bg .page li.active a:before, .praise-bg .page li.active span:before, .praise-bg .page li.active a:after, .praise-bg .page li.active span:after {

	display: none;

}

.praise-bg .page li {

	margin: 0 3px;

}

.praise-bg .page li a, .praise-bg .page li span {

	padding: 0 10px;

	min-width: 44px;

	line-height: 44px;

	border: 1px solid #dedede;

	text-align: center;

}

 @media (max-width:999px) {

/* ========== */































	/* = SERVICE = */































	/* ========== */































.service-tit {

	padding-bottom: 0.66666666rem;

}

.service-tit span {

	font-size: 1rem;

}

.service-tit i {

	margin-left: -0.4rem;

	font-size: 0.5rem;

}

.service-before {

	padding: 1rem 0;

}

.service-before ul {

	margin: 0 -0.2rem;

}

.service-before li {

	margin-top: 0.53333333rem;

	width: 50%;

	padding: 0 0.2rem;

}

.service-before li .box {

	padding: 0.53333333rem 0.4rem 0.4rem; height:auto;

}

.service-before li .box .img {

	width: 60%;

}

.service-before li .box p {

	padding: 0.4rem 0;

	font-size: 0.4rem;

	line-height: 0.64rem;

}

.service-before li .box .num {

	font-size: 0.44rem;

}

.service-after {

	padding: 1rem 0;

}

.service-after li {

	margin-top: 0.53333333rem;

}

.service-after li .box {

	padding: 0.53333333rem 0.26666666rem 1rem;

}

.service-after li .box span {

	font-size: 0.4rem;

}

.service-after li .box p {

	font-size: 0.32rem;

	line-height: 0.5rem;

	height: 1.7rem;

}

.service-after li .box img {

	bottom: -0.6rem;

	width: 1.2rem;

}








.service-shouzhong li{ margin-top: 0.53333333rem;
width: 50%;
padding: 0 0.2rem;}
.service-shouzhong li .box p{ font-size:0.42rem;}

/* ========== */































	/* = PRAISE = */































	/* ========== */































.praise-bg {

	padding: 1rem 0.2rem;

}

.praise {

	padding-bottom: 1rem;

}

.praise-list {

	margin-bottom: 0.8rem;

}

.praise-list li {

	padding: 0.8rem 0.4rem;

}

.praise-list li .touxiang {

	width: 1.8rem;

}

.praise-list li .con {

	margin-left: 2rem;

}

.praise-list li .tit {

	padding-right: 0;

}

.praise-list li .tit:after {

	top: -0.3rem;

	right: 0rem;

	width: 1.5rem;

	height: 1.5rem;

}

.praise-list li .tit h2 {

	font-size: 0.36rem;

}

.praise-list li .tit .starcon {

	margin-top: 0.22rem;

}

.praise-list li .tit .starcon .star-box {

	display: block;

}

.praise-list li .tit .starcon>span {

	margin-top: 0.3rem;

	margin-left: 0.12rem;

	font-size: 0.4rem;

}

.praise-list li .tit .yuyue-button {

	margin-top: 0.3rem;

	position: relative;

	top: auto;

	right: auto;

	width: 3rem;

	height: 0.8rem;

	line-height: 0.8rem;

	font-size: 0.4rem;

}

.praise-list li .des {

	margin-left: -2rem;

	margin-top: 0.4rem;

	font-size: 0.4rem;

	line-height: 0.64rem;

}

.praise-list li .tip {

	margin-left: -2rem;

	margin-top: 0.53333333rem;

	font-size: 0.28rem;

}

.praise-list li .tip span {

	margin: 0 0.1rem;

}

.praise-list li .img {

	margin-left: -2rem;

}

.praise-list li .img .img-div {

	margin-top: 0.4rem;

	margin-right: 2%;

}

.praise-list li .img .img-div>img {

	height: 1.8rem;

}

.praise-list li .img .img-div:after {

	top: 1.82rem;

	width: 0.3rem;

	height: 0.3rem;

	margin-left: -0.15rem;

}

.praise-list li .img .img-div div {

	top: 2.11rem;

	width: 3.2rem;

	padding: 5px;

}

.praise-bg .page li {

	margin: 0 0.06rem;

}

.praise-bg .page li a, .praise-bg .page li span {

	padding: 0 0.2rem;

	min-width: 0.8rem;

	line-height: 0.8rem;

}

}

/* ========== */































/* = ABOUT = */































/* ========== */































.about-box {

	padding: 75px 0 100px;

	background-image: url(../images/about_box_bg.jpg);

}

.about-box .content {

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.about-box .text {

	display: block;

	width: 50%;

}

.about-box .text .tit {

	font-weight: bold;

	font-size: 30px;

	color: #000;

	background: url(../images/reformers_line.png) bottom left repeat-x;

}

.about-box .text .tit span {

	position: relative;

	font-size: 26px;

	font-weight: bold;

	padding: 0 30px;

	display: inline-block;

}

.about-box .text .tit span:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	background-size: cover;

	width: 30px;

	height: 30px;

	background-image: url(../images/about/yinhao_01.png);

}

.about-box .text .tit span:after {

	content: "";

	position: absolute;

	right: 0;

	bottom: 0;

	background-size: cover;

	width: 30px;

	height: 30px;

	background-image: url(../images/about/yinhao_02.png);

}

.about-box .text .des {



	font-size: 16px;

	line-height: 32px;

	text-align: justify;

	text-indent: 2em;

}

.about-box .img {

	width: 48%;

	position: relative;

}

.about-box .img img {

	position: relative;

	z-index: 1;

	width: 94%;

}

.about-box .img:before {

	content: "";

	position: absolute;

	z-index: 2;

	top: 50%;

	left: 50%;

	background-image: url(../images/ico_play.png);

	width: 70px;

	height: 70px;

	background-size: cover;

	transform: translateX(-50%) translateY(-50%); display:none;

}

.about-box .img:after {

	content: "";

	z-index: 0;

	position: absolute;

	top: 20px;

	left: 20px;

	width: 100%;

	height: 100%;



}

.history-box {

	padding-top: 95px;

	position: relative;

}

.history-box .ny-theme p {

	color: #000;

}

.history-box:after {

	content: "";

	position: absolute;

	bottom: 0;

	z-index: 0;

	left: 0;

	width: 100%;

	height: 50%;

	background-size: cover;

	background-position: top center;

	background-image: url(../images/about/history_bg.png);

}

.history-box .swiper-history {

	margin-top: 90px;

	position: relative;

	z-index: 1;

	overflow: initial;

	cursor: pointer;

}

.history-box .swiper-history .swiper-slide {

	height: 510px;

	position: relative;

	padding: 40px 90px 40px 35px;

	opacity: .5

}

.history-box .swiper-history .swiper-slide.active {

	opacity: 1;

}

.history-box .swiper-history .line {

	position: absolute;

	top: 0;

	left: -10PX;

	height: 100%;

	border-left: 1px dashed #000;

}

.history-box .swiper-history .line i {

	position: absolute;

	top: 0;

	left: -10px;

	width: 20px;

	height: 20px;

	padding: 4px;

	background: #FFFFFF;

	border: 1px dashed #000;

}

.history-box .swiper-history .line i:before {

	content: "";

	display: block;

	width: 10px;

	height: 10px;

	background: #000;

}

.history-box .swiper-history .year {

	font-size: 20px;

	font-weight: bold;

	color: #c2a16d;

}

.history-box .swiper-history .year span {

	font-size: 34px;

	margin-right: 10px;

}

.history-box .swiper-history .des {

	margin-top: 25px;

	line-height: 30px;

	text-align: justify;

}

.history-box .button {

	position: absolute;

	z-index: 3;

	bottom: 17%;

	left: 0;

	width: 100%;

}

.history-box .button .bt {

	position: relative;

	width: 120px;

	height: 20px;

	margin: 0 auto;

}

.history-box .button img {

	position: absolute;

	top: 20px;

	left: 50%;

	margin-left: -20px;

	display: inline-block;

	vertical-align: middle;

	-webkit-animation: mouse-left 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;

	animation: mouse-left 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;

}

 @keyframes mouse-left {

 from {

 opacity: 0;

 transform: translateX(15px);

 -webkit-transform: translateX(15px);

}

 33% {

 opacity: 1;

}

to {

	transform: translateX(-15px);

	-webkit-transform: translateX(-15px);

	opacity: 0;

}

}

 @-webkit-keyframes mouse-left {

 from {

 opacity: 0;

 transform: translateX(15px);

 -webkit-transform: translateX(15px);

}

 33% {

 opacity: 1;

}

to {

	transform: translateX(-15px);

	-webkit-transform: translateX(-15px);

	opacity: 0;

}

}

/* ========== */































/* = HONOR = */































/* ========== */































.honor {

	padding: 80px 0 108px;

	background: #fbfbfb;

}

.honor .ny-theme p {

	color: #000;

}

.honor .img-big {

	margin-top: 30px;

}

.honor .content {

	position: relative;

}

.honor .content .swiper-button-prev {

	left: -50px;

}

.honor .content .swiper-button-next {

	right: -50px;

}

.swiper-honor {

	margin-top: 50px;

}

.swiper-honor .box {

	background: #ffffff;

	border: 1px solid #ececec;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	padding: 30px 40px;

}

.swiper-honor .box .img {

	width: 30%;

}

.swiper-honor .box .text {

	width: 63%;

}

.swiper-honor .box .text .tit {

	font-size: 20px;

	color: #000;

}

.swiper-honor .box .text .des {

	margin-top: 20px;

	border-top: 1px solid #f2f2f2;

	padding-top: 25px;

}

.swiper-honor .box .text .des p {

	margin-bottom: 10px;

	line-height: 30px;

	position: relative;

	padding-left: 45px;

}

.swiper-honor .box .text .des p:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 30px;

	height: 30px;

	background-size: cover;

}

.swiper-honor .box .text .des p:nth-child(1):before {

	background-image: url(../images/honor/ico_add.png);

}

.swiper-honor .box .text .des p:nth-child(2):before {

	background-image: url(../images/honor/ico_time.png);

}

.honor-content {

	padding: 75px 0 160px;

	background-image: url(../images/honor/honor_bg.jpg);

	background-position: bottom center;

}

.honor-content .ny-theme p {

	color: #000;

}

.honor-content .js-tab {

	margin-top: 20px;

	text-align: center;

}

.honor-content .js-tab span {

	min-width: 19%;

	margin: 0 1%;

	display: inline-block;

	cursor: pointer;

	font-size: 16px;

	line-height: 38px;

	border: 1px solid #666666;

	color: #666666;

}

.honor-content .js-tab span.active {

	background: #666666;

	color: #FFFFFF;

}

.honor-content .js-tab-box {

	margin-top: 70px;

}

.honor-content .js-tab-con {

	display: none;

	overflow-y: scroll;

	position: relative;

}

.honor-content .js-tab-con.active {

	display: block;

	overflow: hidden;

}

 .honor-content .js-tab-con::-webkit-scrollbar {

 width:10px;

 height:10px;

}

 .honor-content .js-tab-con::-webkit-scrollbar-track {

 background: #eeeeee;

 border-radius:2px;

}

 .honor-content .js-tab-con::-webkit-scrollbar-thumb {

 background: #bfbfbf;

 border-radius:10px;

}

 .honor-content .js-tab-con::-webkit-scrollbar-thumb:hover {

 background: #333;

}

 .honor-content .js-tab-con::-webkit-scrollbar-corner {

 background: #179a16;

}

.honor-content .js-tab-con ul {

	float: left;

	width: 60%;

}


.honor-content .js-tab-con li {

	margin-bottom: 30px;

	float: left;

	width: 22%;

	margin-right: 3%;

}

.honor-content .js-tab-con li p{ display:none;}

.honor-content .js-tab-con li:nth-child(4n) {

	margin-right: 0;

}

.honor-content .js-tab-con .text {

	float: right;

	width: 35%;

}

.honor-content .js-tab-con .text p {

	position: relative;

	padding-left: 30px;

	font-size: 14px;

	line-height: 50px;

	color: #333333;

}

.honor-content .js-tab-con .text p:before {

	content: "";

	position: absolute;

	top: 24px;

	left: 0;

	display: block;

	width: 6px;

	height: 6px;

	border: 1px solid #c9a460;

	transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

}

.honor-madals {

	position: relative;

	padding: 80px 0;

}

.honor-madals .ny-theme p {

	color: #000;

}

.honor-madals:after {

	content: "";

	position: absolute;

	bottom: 80px;

	width: 100%;

	height: 117px;

	background-image: url(../images/honor/honor_heng.jpg);

	background-size: cover;

}

.honor-madals .content {

	position: relative;

}

.honor-madals .content .swiper-button-next {

	right: -80px;

	margin-top: -23px;

	width: 47px;

	height: 47px;

	background-image: url(../images/honor/next_button.png);

}

.honor-madals .content .swiper-button-prev {

	left: -80px;

	margin-top: -23px;

	width: 47px;

	height: 47px;

	background-image: url(../images/honor/prev_button.png);

}

.swiper-honor-madals .swiper-slide {

	padding: 50px 8px;

}

.swiper-honor-madals .box {

	border: 7px solid #f3f3f3;

	-webkit-box-shadow: 4px 6px 6px rgba(0,0,0,.2);

	box-shadow: 4px 6px 6px rgba(0,0,0,.2)

}

.swiper-honor-madals .box img {

	width: 100%;

}

/* ========== */































/* = CULTURE = */































/* ========== */































.culture-box {

	padding: 5% 0 20%;

	background-image: url(../images/culture_box_01.jpg);

	text-align: center;

	font-size: 20px;

	line-height: 50px;

	color: #333333;

}

.culture-content {

	padding-bottom: 80px;

}

/*.culture-content .box {















	margin-top: 120px;















}*/















.culture-content .box .img {

	display: none;

	margin-top: 80px;

	width: 28%;

	float: left;

	position: relative;

}

.culture-content .box .img span {

	position: absolute;

	left: 70%;

	top: 40%;

	color: #bcbcbc;

	font-size: 170px;

	font-family: "Great";

}

.culture-content .box .text {

	/*float: right;*/















	width: 46%;

	margin: 0 auto;

}

.culture-content .box .text .tit {

	font-size: 100px;

	color: #dddddd;

	text-align: center;

	font-style: italic;

	position: relative; margin-bottom:30px;

}

.culture-content .box .text .tit span {

	position: absolute;

	top: 50px;

	right: 250px;

	z-index: 1;

	display: inline-block;

	padding: 0 10px;

	background: #ffffff;

	font-size: 30px;

	color: #000000;

	font-style: normal;

}

.culture-content .box .text .des {

	margin-top: 38px;

}

.culture-content .box .text li {

	margin-bottom: 60px;

	padding-left: 0;

	position: relative;

}

.culture-content .box .text .tspan {

	float: left;

	font-size: 24px;

	line-height: 34px;

	color: #000;

	background: #FFFFFF;

	display: inline-block;

	position: relative;

}

.culture-content .box .text .tspan b {

	position: relative;

	display: inline-block;

	z-index: 1;

	background: #FFFFFF; margin-top:5px;

}

.culture-content .box .text .tspan .line {

	display: inline-block;

	position: absolute;

	top: 0;

	left: 0;

	width: 75px;

	height: 100%;/*	border: 2px solid #000;*/















}

.culture-content .box .text .tspan .line:before {

	content: "";

	width: 8px;

	height: 2px;

	position: absolute;

	top: -2px;

	left: 15px;

	background: #FFFFFF;

}

.culture-content .box .text .tspan .line:after {

	content: "";

	width: 8px;

	height: 2px;

	position: absolute;

	bottom: -2px;

	left: 5px;

	background: #FFFFFF;

}

.culture-content .box .text .tspan em {

	content: "";

	width: 2px;

	height: 10px;

	position: absolute;

	left: -2px;

	top: 35px;

	background: #FFFFFF;

}

.culture-content .box .text p {

	margin-left: 210px;

	font-size: 18px;

	line-height: 40px;

}

/*.culture-content .box:nth-child(2n) .img {















	float: right;















}















.culture-content .box:nth-child(2n) .img span {















	left: auto;















	right: 70%;















}















.culture-content .box:nth-child(2n) .text {















	float: left;















	text-align: left;















}















.culture-content .box:nth-child(2n) .text .tit {















	text-align: left;















}















.culture-content .box:nth-child(2n) .text .tit span {















	right: auto;















	left: 40px;















}*/















/* ========== */































/* = NEWS = */































/* ========== */































.news {

	padding: 80px 0 100px;

	background-image: url(../images_bg.jpg);

}

.news-list {

	padding-bottom: 35px;

}

.news-list li {

	margin-bottom: 50px;

}

.news-list .box {

	display: block;

	padding: 50px 54px 54px 60px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	background: #FFFFFF;

}

.news-list .box .img {

	width: 35%;

	max-width: 449px;

	position: relative;

}

.news-list .box .img:after {

	content: "";

	position: absolute;

	bottom: -10px;

	left: -12px;

	width: 137px;

	height: 157px;

	background: #000;

	display: block;

}

.news-list .box .img div {

	overflow: hidden;

	position: relative;

	z-index: 1;

}

.news-list .box .text {

	width: 60%;

	position: relative;

}

.news-list .box .text .tit {

	position: relative;

	font-size: 24px;

	font-weight: bold;

	color: #333333;

	line-height: 30px;

	padding-right: 50px;

}

.news-list .box .text .more {

	position: absolute;

	top: 50%;

	right: 0;

	margin-top: -10px;

	width: 20px;

	height: 20px;

	background-image: url(../images/next.png);

	background-size: cover;

	-webkit-transition: all ease .3s;

	transition: all ease .3s;

}

.news-list .box .text .line {

	margin: 5% 0 4%;

	width: 100%;


	background: #e5e5e5;

}

.news-list .box .text .des {

	color: #999999;

	line-height: 40px;

	height: 80px;

	overflow: hidden;

}

.news-list .box:hover .text .tit {

	color: #000;

}

.news-list .box:hover .text .more {

	background-image: url(../images/next_hover.png);

}

.news-list .box:hover .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

/* ========== */































/* = NEWS-DETAIL = */































/* ========== */































.news-detail {

	padding: 80px 2% 100px;

	background-image: url(../images/news_bg.jpg);

	background-position: top center;

}

.news-detail .content {

	max-width: 1600px;

	margin: 0 auto;

	background: #FFFFFF;

	padding: 80px 0 75px;

}

.news-detail .title {

	position: relative;

	font-size: 30px;

	font-weight: bold;

	color: #333333;

	padding-right: 250px;

}

.news-detail .title .bshare-custom {

	position: absolute;

	bottom: 0;

	right: 0;

}

.news-detail .title .bshare-custom a {

	margin: 0 10px;

	display: inline-block;

	vertical-align: middle;

	width: 40px;

	height: 40px;

	background-size: cover;

	background-position: center center;

}

.news-detail .title .bshare-custom .ico-weibo {

	background-image: url(../images/ico_share_01.png);

}

.news-detail .title .bshare-custom .ico-weixin {

	background-image: url(../images/ico_share_02.png);

}

.news-detail .title .bshare-custom .ico-qq {

	background-image: url(../images/ico_share_03.png);

}

.bsBox {

	box-sizing: content-box;

}

.news-detail .source {

	margin-top: 50px;

}

.news-detail .source span {

	margin-right: 60px;

	display: inline-block;

	padding-left: 40px;

	position: relative;

	line-height: 30px;

	font-size: 16px;

	color: #999999;

}

.news-detail .source span:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 30px;

	height: 30px;

	background-size: cover;

}

.news-detail .source span:nth-child(1):before {

	background-image: url(../images/ico_news_01.png);

}

.news-detail .source span:nth-child(2):before {

	background-image: url(../images/ico_news_02.png);

}

.news-detail .detail {

	margin-top: 40px;

	padding: 70px 0 80px;

	border-top: 1px solid #e5e5e5;

	border-bottom: 1px solid #e5e5e5;

	font-size: 16px;

	color: #999999;

	line-height: 36px;

}

.news-detail .detail img {

	width: 100%;

}

.news-detail .flip {

	margin-top: 40px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.news-detail .flip>a {

	max-width: 48%;

	font-size: 16px;

	color: #333333;

}

.news-detail .flip>a:hover {

	color: #000;

}

.recommend-news {

	padding: 70px 0 110px;

	background: #FFFFFF;

}

.recommend-news .ny-theme {

	background: url(../images/line.png) bottom center no-repeat;

}

.recommend-news .ny-theme p {

	color: #000;

}

.recommend-news ul {

	margin: 0 -20px;

}

.recommend-news li {

	margin-top: 55px;

	float: left;

	width: 25%;

	padding: 0 20px;

	text-align: center;

}

.recommend-news li .img {

	overflow: hidden;

}

.recommend-news li .img img {

	width: 100%;

}

.recommend-news li .tit {

	margin-top: 25px;

	font-size: 18px;

	color: #56555a;

}

.recommend-news li a:hover .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.recommend-news li a:hover .tit {

	color: #000;

}

.fixed-right {

	position: fixed;

	bottom: 20%;

	right: 0;

}

.fixed-right a {

	margin-bottom: 3px;

	display: block;

	width: 77px;

	height: 77px;

	background-size: cover;

	background-color: #000;

}

.fixed-right .back-top {

	background-image: url(../images/ico_right_top.png);

}

.fixed-right .return-list {

	background-image: url(../images/ico_right_return.png);

}

/* ========== */































/* = CONTACT = */































/* ========== */































.contact {

	padding: 80px 0 120px;

}

.contact .ny-theme p {

	color: #000;

}

.contact .content {

	margin-top: 40px;

	background-image: url(../images/contact_img.jpg);

	padding: 6% 8%;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.contact .left {

	width: 38%;

	text-align: justify;

	color: #FFFFFF;

}

.contact .left .tit {

	font-size: 24px;

	font-weight: bold;

}

.contact .left .des {

	margin-top: 0px;

	padding-bottom: 30px;

	font-size: 18px;

	line-height: 30px;

}

.contact .left .tip {

	margin-top: 30px;

}

.contact .left .tip p {

	margin-bottom: 20px;

	position: relative;

	line-height: 27px;

	font-size: 16px;

}

.contact .left .tip p span {

	font-weight: bold;

}

.contact .left .tip p:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 40px;

	height: 40px;

	background-size: cover;

}

.contact .left .tip p:nth-child(1):before {

	background-image: url(../images/ico_add.png);

}

.contact .left .tip p:nth-child(2):before {

	background-image: url(../images/ico_tel.png);

}

.contact .map-box {

	margin-top: 35px;

	height: 315px;

	position: relative;

	overflow: hidden;

}

.contact .map-box img {

	max-width: 100%;

}

.contact .map-box .allmap {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

}

.contact .map-box .anchorBL {

	display: none;

}

.contact .right {

	width: 52%;

	background: rgba(255,255,255,.9);

	padding: 6% 5% 11%;

	position: relative;

}

.contact .right .theme {

	padding-bottom: 20px;

	text-align: center;

}

.contact .right .theme p {

	font-family: "PingFang";

	font-size: 40px;

	text-transform: uppercase;

	line-height: 40px;

	opacity: .3;

}

.contact .right .theme span {

	margin-top: -20px;

	display: block;

	color: #000;

	font-size: 24px;

	color: #000;

	font-weight: bold;

}

.contact .right .con {

	border-top: 1px dashed #c1c1c2;

	border-bottom: 1px dashed #c1c1c2;

	padding: 20px 5px;

}

.contact .right .con span {

	float: left;

	width: 50%;

	padding: 10px 8px;

}

.contact .right .con span input {

	width: 100%;

	color: #999999;

	background: #ffffff;

	border: none;

	height: 48px;

	line-height: 24px;

	padding: 12px 15px;

}

.contact .right .con span select {

	width: 100%;

	color: #999999;

	background: #FFFFFF;

	border: none;

	height: 48px;

	padding: 12px 12px;

}

.contact .right .con span:last-child {

	width: 100%;

}

.contact .right .con textarea {

	border: none;

	width: 100%;

	height: 124px;

	padding: 12px 15px;

	background: #FFFFFF;

}

.contact .right .more-button {

	margin: 20px auto 25px;

}

.contact .right .des {

	text-align: center;

	color: #333333;

}

.contact .right .des span {

	font-size: 18px;

	color: #d61a1a;

}

.contact .right .img {

	position: absolute;

	bottom: -40px;

	right: -70px;

	border: 6px solid #d4b475;

	border-radius: 100%;

	width: 180px;

	overflow: hidden;

}

 @media (max-width:1440px) {

.contact .right .img {

	width: 130px;

	bottom: -30px;

}

}

 @media (max-width:999px) {

/* ========== */































	/* = ABOUT = */































	/* ========== */































.about-box {

	padding: 1rem 0;

}

.about-box .content {

	display: block;

}

.about-box .text {

	width: 100%;

}

.about-box .text .tit {

	padding-bottom: 0.53333333rem;

	font-size: 0.4rem;

}

.about-box .text .tit span {

	font-size: 0.37333333rem;

	padding: 0 0.4rem;

}

.about-box .text .tit span:before, .about-box .text .tit span:after {

	width: 0.4rem;

	height: 0.4rem;

}

.about-box .text .des {

	margin-top: 0.46666666rem;

	font-size: 0.4rem;

	line-height: 0.64rem;

}

.about-box .img {

	width: 100%;

	margin-top: 0.66666666rem;

}

.about-box .img:before {

	width: 0.66666666rem;

	height: 0.66666666rem;

}

.about-box .img:after {

	top: 0.15rem;

	left: 0.15rem;

}

.history-box {

	padding-top: 1.06666666rem;

}

.history-box .swiper-history {

	margin-top: 0.53333333rem;

	overflow: hidden;

}

.history-box .swiper-history .swiper-slide {

	height: 7rem;

	padding: 0.53333333rem 1.06666666rem 0.66666666rem 1rem;

}

.history-box .swiper-history .line {

	left: 14px;

}

.history-box .swiper-history .year {

	font-size: 0.4rem;

}

.history-box .swiper-history .year span {

	font-size: 0.4rem;

	margin-right: 0.13333333rem;

}

.history-box .swiper-history .des {

	margin-top: 0.4rem;

	line-height: 0.64rem;

	font-size: 0.4rem;

}

.history-box .button img {

	top: 0.2rem;

	width: 0.7rem;

	margin-left: -0.35rem;

}

/* ========== */































	/* = HONOR = */































	/* ========== */































.honor {

	padding: 1rem 0;

}

.honor .img-big {

	margin-top: 0.53333333rem;

}

.honor .content {

	padding: 0 0.8rem;

}

.honor .content .swiper-button-prev {

	left: 0;

}

.honor .content .swiper-button-next {

	right: 0;

}

.swiper-honor {

	margin-top: 0.8rem;

}

.swiper-honor .box {

	padding: 0.26666666rem;

}

.swiper-honor .box .img {

	width: 38%;

}

.swiper-honor .box .text {

	width: 57%;

}

.swiper-honor .box .text .tit {

	font-size: 0.4rem;

}

.swiper-honor .box .text .des {

	margin-top: 0.26666666rem;

	padding-top: 0.33333333rem;

}

.swiper-honor .box .text .des p {

	margin-bottom: 0.13333333rem;

	line-height: 0.6rem;

	font-size: 0.28rem;

	padding-left: 0.6rem;

}

.swiper-honor .box .text .des p:before {

	top: 0.1rem;

	width: 0.4rem;

	height: 0.4rem;

}

.honor-content {

	padding: 1rem 0;

}

.honor-content .js-tab {

	margin-top: 0.4rem;

}

.honor-content .js-tab span {

	width: 28%;

	line-height: 0.8rem;

	font-size: 0.4rem;

}

.honor-content .js-tab-box {

	margin-top: 0.8rem;

}

.honor-content .js-tab-con {





}

.honor-content .js-tab-con ul {

	width: 100%;

}

.honor-content .js-tab-con li {

	margin-bottom: 0.3rem;

	width: 48%;

	margin-right: 4%;

}
.honor-content .js-tab-con li p{ display:block; line-height:30px; text-align:center; margin:10px 0;}

.honor-content .js-tab-con li:nth-child(2n) {

	margin-right: 0;

}

.honor-content .js-tab-con .text {

	width: 51%; display:none;

}

.honor-content .js-tab-con .text p {

	padding-left: 0.4rem;

	font-size: 0.4rem;

	line-height: 0.7rem;

}

.honor-content .js-tab-con .text p:before {

	top: 0.27rem;

	width: 0.13333333rem;

	height: 0.13333333rem;

}

.honor-madals {

	padding: 1rem 0;

}

.honor-madals:after {

	bottom: 1rem;

	height: 1.33333333rem;

}

.honor-madals .content {

	padding: 0 0.8rem;

}

.honor-madals .content .swiper-button-next {

	right: 0;

	margin-top: -0.25rem;

	width: 0.5rem;

	height: 0.5rem;

}

.honor-madals .content .swiper-button-prev {

	left: 0;

	margin-top: -0.25rem;

	width: 0.5rem;

	height: 0.5rem;

}

.swiper-honor-madals .swiper-slide {

	padding: 0.66666666rem 8px;

}

/* ========== */































	/* = CULTURE = */































	/* ========== */































.culture-box {

	padding: 1rem 0 4rem;

	font-size: 0.4rem;

	line-height: 0.64rem;

}

.culture-content {

	padding-bottom: 0.8rem;

}

.culture-content .w1600 {

	padding: 0;

}

.culture-content .box {

	margin-top: 0.8rem;

}

.culture-content .box .img {

	margin-top: 0;

	width: 100%;

}

.culture-content .box .img span, .culture-content .box:nth-child(2n) .img span {

	position: absolute;

	top: 92%;

	right: auto;

	left: 0.53333333rem;

	font-size: 1.5rem;

}

.culture-content .box .text {

	margin-top: 0.66666666rem;

	width: 100%;

	padding: 0 0.5rem;

}

.culture-content .box .text .tit, .culture-content .box:nth-child(2n) .text .tit {

	font-size: 1.33333333rem;

	text-align: center;

}

.culture-content .box .text .tit span, .culture-content .box:nth-child(2n) .text .tit span {

	left: auto;

	top: 0.6rem;

	right: 35%;

	font-size: 0.4rem;

}

.culture-content .box .text .des {

	margin-top: 0.53333333rem;

}

.culture-content .box .text li {

	margin-bottom: 0.66666666rem;

}

.culture-content .box .text .tspan {

	font-size: 0.34rem;

	line-height: 0.53333333rem;

	margin-top: 0.36rem;

}

.culture-content .box .text .tspan .line {

	width: 1.2rem;

}

.culture-content .box .text p {

	padding-top: 0.4rem;

	margin-left: 3rem;

	font-size: 0.4rem;

	line-height: 0.64rem;

}

/* ========== */































	/* = NEWS = */































	/* ========== */































.news {

	padding: 1rem 0;

}

.news-list {

	padding-bottom: 0.66666666rem;

}

.news-list li {

	margin-bottom: 0.66666666rem;

}

.news-list .box {

	display: block;

	padding: 0.4rem;

}

.news-list .box .img {

	width: 100%;

	max-width: 100%;

}

.news-list .box .img:after {

	display: none;

}

.news-list .box .text {

	width: 100%;

	padding-top: 0.53333333rem;

}

.news-list .box .text .tit {

	font-size: 0.36rem;

	line-height: 0.66666666rem;

	padding-right: 0.66666666rem;

}

.news-list .box .text .more {

	margin-top: -0.26666666rem;

	width: 0.5rem;

	height: 0.5rem;

}

.news-list .box .text .line {

	margin: 0.26666666rem 0;

}

.news-list .box .text .des {

	font-size: 0.4rem;

	line-height: 0.64rem;

	height: 1.28rem;

}

.news-list .box:hover .text .tit {

	color: #333;

}

.news-list .box:hover .text .more {

	background-image: url(../images/next.png);

}

.news-list .box:hover .img img {

	transform: scale(1);

	-webkit-transform: scale(1);

}

/* ========== */































	/* = NEWS-DETAIL = */































	/* ========== */































.news-detail {

	padding: 1rem 0.4rem;

}

.news-detail .content {

	padding: 1rem 0;

}

.news-detail .title {

	font-size: 0.42rem;

	padding-right: 0;

	text-align: center;

}

.news-detail .title .bshare-custom {

	margin-top: 0.4rem;

	text-align: center;

	position: relative;

	bottom: auto;

	right: auto;

}

.news-detail .title .bshare-custom a {

	margin: 0 0.13333333rem;

	width: 0.4rem;

	height: 0.4rem;

}

.news-detail .source {

	margin-top: 0.66666666rem;

	text-align: center;

}

.news-detail .source span {

	margin: 0 0.26666666rem;

	font-size: 0.4rem;

	line-height: 0.53333333rem;

	padding-left: 0.7rem;

}

.news-detail .source span:before {

	width: 0.53333333rem;

	height: 0.53333333rem;

}

.news-detail .detail {

	margin-top: 0.4rem;

	font-size: 0.4rem;

	line-height: 0.64rem;

	padding: 0.8rem 0;

}

.news-detail .flip {

	margin-top: 0.4rem;

	display: block;

}

.news-detail .flip>a {

	max-width: 100%;

	display: block;

	font-size: 0.4rem;

	line-height: 0.93333333rem;

}

.recommend-news {

	padding: 1rem 0;

}

.recommend-news ul {

	margin: 0 -0.26666666rem;

}

.recommend-news li {

	margin-top: 0.66666666rem;

	width: 50%;

	padding: 0 0.26666666rem;

}

.recommend-news li .tit {

	margin-top: 0.26666666rem;

	font-size: 0.4rem;

}

.recommend-news li a:hover .img img {

	transform: scale(1);

	-webkit-transform: scale(1);

}

.recommend-news li a:hover .tit {

	color: #333;

}

.fixed-right a {

	width: 0.8rem;

	height: 0.8rem;

}

/* ========== */































	/* = CONTACT = */































	/* ========== */































.contact {

	padding: 1rem 0;

}

.contact .content {

	margin-top: 0.53333333rem;

	display: block;

	padding: 0.8rem 0.53333333rem;

}

.contact .left {

	width: 100%;

}

.contact .left .tit {

	font-size: 0.45333333rem;

}

.contact .left .des {

	margin-top: 0.4rem;

	padding-bottom: 0.4rem;

	font-size: 0.4rem;

	line-height: 0.64rem;

}

.contact .left .tip {

	margin-top: 0.4rem;

}

.contact .left .tip p {

	margin-bottom: 0.2rem;

	padding-left: 0.8rem;

	line-height: 0.53333333rem;

	font-size: 0.4rem;

}

.contact .left .tip p span {

	font-weight: bold;

}

.contact .left .tip p:before {

	width: 0.53333333rem;

	height: 0.53333333rem;

}

.contact .map-box {

	margin-top: 0.4rem;

	height: 4rem;

}

.contact .right {

	margin-top: 0.66666666rem;

	width: 100%;

	padding: 0.53333333rem;

}

.contact .right .theme {

	padding-bottom: 0.6rem;

}

.contact .right .theme p {

	font-size: 0.53333333rem;

	line-height: 0.53333333rem;

}

.contact .right .theme span {

	margin-top: -0.2rem;

	font-size: 0.42rem;

}

.contact .right .con {

	padding: 0.5rem 0;

}

.contact .right .con span {

	width: 100%;

	padding: 0.12rem 0;

}

.contact .right .con textarea {

	height: 3rem;

}

.contact .right .more-button {

	margin: 0.4rem auto;

}

.contact .right .des {

	font-size: 0.28rem;

}

.contact .right .des span {

	font-size: 0.4rem;

}

.contact .right .img {

	display: none;

}

}

/* ========== */































/* = LOAN = */































/* ========== */































.loan-box {

	padding: 100px 0 80px;

	background: #fbfbfb;

}

.loan-box .left {

	float: left;

	width: 42.6%;

}

.loan-box .box {

	position: relative;

}

.loan-box .box>img {

	width: 100%;

}

.loan-box .box .text {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	background: rgba(0,0,0,.5);

	height: 90px;

	padding: 15px 30px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.loan-box .box .text .con {

	width: 100%;

}

.loan-box .box .tit {

	width: 100%;

}

.loan-box .box .tit i {

	display: inline-block;

	vertical-align: middle;

	width: 50px;

	padding: 5px;

	border: 1px solid #FFFFFF;

	border-radius: 100%;

	overflow: hidden;

}

.loan-box .box .tit span {

	margin-left: 10px;

	display: inline-block;

	vertical-align: middle;

	font-size: 18px;

	color: #FFFFFF;

}

.loan-box .box .more-button {

	display: none;

}

.loan-box .box:hover .text {

	height: 100%;

	text-align: center;

}

.loan-box .box:hover .text .tit i {

	border: none;

	padding: 0;

}

.loan-box .box:hover .text .more-button {

	margin: 20px auto 0;

	display: block;

}

.loan-box .left .text {

	padding: 20px 30px;

}

.loan-box ul {

	float: right;

	width: 56.8%;

}

.loan-box ul li {

	float: left;

	width: 50%;

	padding: 1%;

}

.loan-box ul li .box .tit i {

	width: 40px;

}

.loan-box ul li .box .text {

	height: 70px;

}

.loan-three {

	padding: 20px;

	background-image: url(../images/loan/loan_three.jpg);

}

.loan-three .content {

	position: relative;

	padding-left: 340px;

}

.loan-three .tit {

	position: absolute;

	top: 30px;

	left: 0;

}

.loan-three .con {

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.loan-three .box {

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.loan-three .box img {

	background: #FFFFFF;

}

.loan-three .box div {

	margin-left: 30px;

}

.loan-three .box div span {

	font-size: 40px;

	line-height: 50px;

	color: #d8bf97;

	font-family: "Great";

}

.loan-three .box div p {

	font-size: 18px;

	color: #FFFFFF;

}

.loan-platform {

	padding: 80px 0 110px;

	background-image: url(../images/loan/platform_bg.jpg);

}

.loan-platform .left {

	float: left;

	width: 30%;

	position: relative;

}

.loan-platform .left .box {

	margin-bottom: 25px;

	height: 130px;

	padding: 15px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

	font-size: 24px;

	text-align: center;

	color: #FFFFFF;

	position: relative;

	z-index: 1;

	cursor: pointer;

}

.loan-platform .left .box:after {

	display: none;

	content: "";

	position: absolute;

	top: 50%;

	margin-top: -25px;

	right: -17%;

	border: 25px solid transparent;

	border-right: 35px solid #FFFFFF;

	width: 0;

	height: 0px;

}

.loan-platform .left .box span {

	width: 100%;

	display: block;

}

.loan-platform .left .box.active:after {

	display: block;

}

.loan-platform .left .box:last-child {

	margin-bottom: 0;

}

.loan-platform .left .box:nth-child(1) {

	background: #1c5097;

}

.loan-platform .left .box:nth-child(2) {

	background: #d1ab47;

}

.loan-platform .left .box:nth-child(3) {

	background: #00826c;

}

.loan-platform .right {

	float: right;

	margin-right: -5%;

	width: 70%;

	background: #FFFFFF;

	position: relative;

}

.loan-platform .right .js-tab-con {

	display: none;

	position: relative;

	padding: 4% 4% 6%;

	min-height: 440px;

}

.loan-platform .right .js-tab-con.active {

	display: block;

}

.loan-platform li {

	float: left;

	width: 50%;

	border-top: 1px dashed #e5e5e5;

	padding: 5% 3% 5% 8%;

}

.loan-platform li:nth-child(2n) {

	border-left: 1px dashed #e5e5e5;

}

.loan-platform li:nth-child(1), .loan-platform li:nth-child(2) {

	border-top: none;

}

.loan-platform li span {

	float: left;

	font-size: 80px;

	line-height: 80px;

	position: relative;

	color: #000;

}

.loan-platform li span i {

	position: absolute;

	top: 40px;

	left: -10px;

	font-size: 16px;

	line-height: 30px;

	display: inline-block;

	padding: 0 5px;

	font-style: normal;

	background: #FFFFFF;

	color: #000;

}

.loan-platform li div {

	margin-left: 80px;

	padding-left: 18px;

	position: relative;

}

.loan-platform li div:before {

	content: "";

	position: absolute;

	left: 0;

	top: 50%;

	width: 1px;

	height: 60px;

	margin-top: -30px;

	border-left: 1px solid #f2f2f2;

}

.loan-platform li div p {

	font-size: 26px;

	color: #525252;

	line-height: 40px;

	;

}

.loan-platform li div em {

	font-size: 18px;

	font-style: normal;

}

.loan-platform .right .button {

	position: absolute;

	bottom: 0;

	right: 0;

	background: #000;

	color: #FFFFFF;

	font-size: 24px;

	line-height: 30px;

	padding: 20px 25px;

}

.loan-platform .right .button:after {

	content: "";

	position: absolute;

	bottom: -20px;

	right: -20px;

	width: 50px;

	height: 50px;

	background-size: cover;

	background-image: url(../images/loan/ico_hand.png);

}

.loan-platform .right .button:hover {

	background: #c3932a;

}

.loan-faq {

	padding: 80px 0 90px;

	background-image: url(../images/loan/loan_faq.jpg);

}

.loan-faq .ny-theme p {

	color: #000;

}

.loan-faq li {

	padding: 40px 0;

	border-bottom: 1px dashed #f2f2f2;

}

.loan-faq li .tit {

	position: relative;

	font-size: 20px;

	color: #333333;

	line-height: 50px;

	padding-left: 60px;

}

.loan-faq li .tit:before, .loan-faq li .des:before {

	content: "";

	position: absolute;

	left: 0;

	top: 5px;

	width: 40px;

	height: 40px;

	background-size: cover;

	background-image: url(../images/loan/ico_faq_01.png);

}

.loan-faq li .des {

	margin-top: 0.26666666rem;

	position: relative;

	font-size: 16px;

	line-height: 50px;

	padding-left: 60px;

}

.loan-faq li .des:before {

	background-image: url(../images/loan/ico_faq_02.png);

}

.loan-faq .more-button {

	margin: 70px auto 0;

}

 @media (max-width:1440px) {

.loan-platform .left .box {

	height: 110px;

}

.loan-platform .right .js-tab-con {

	padding-bottom: 6%;

	min-height: 380px;

}

.loan-platform li span {

	font-size: 70px;

	line-height: 70px;

}

.loan-platform li span i {

	top: 27px;

	font-size: 14px;

	line-height: 20px;

}

.loan-platform li div p {

	font-size: 24px;

}

.loan-platform li div em {

	font-size: 16px;

	margin-top: 5px;

}

.loan-platform .right .button {

	font-size: 20px;

	padding: 15px 20px;

}

}

 @media (max-width:999px) {

/* ========== */































	/* = LOAN = */































	/* ========== */































.loan-box {

	padding: 1rem 0;

}

.loan-box .left {

	width: 100%;

}

.loan-box .box .text {

	padding: 0.2rem 0.4rem;

	height: 1.2rem;

}

.loan-box .box .tit i {

	width: 0.66666666rem;

	height: 0.66666666rem;

	padding: 0.13333333rem;

}

.loan-box .box .tit span {

	margin-left: 0.13333333rem;

	font-size: 0.4rem;

}

.loan-box .box:hover .text .more-button {

	margin: 0.26666666rem auto 0;

}

.loan-box .left .text {

	padding: 0.26666666rem 0.4rem;

}

.loan-box ul {

	margin-top: 0.1rem;

	width: 100%;

}

.loan-box ul li .box .text {

	height: 1rem;

}

.loan-box ul li .box .tit i {

	width: 0.7rem;

}

.loan-three {

	padding: 0.66666666rem 0;

}

.loan-three .content {

	padding-left: 0;

}

.loan-three .tit {

	margin: 0 auto 0.66666666rem;

	position: relative;

	top: auto;

	left: auto;

	width: 3rem;

}

.loan-three .con {

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.loan-three .box {

	display: block;

	text-align: center;

}

.loan-three .box img {

	background: #FFFFFF;

	width: 1.1rem;

}

.loan-three .box div {

	margin-left: 0;

	display: block;

}

.loan-three .box div span {

	font-size: 0.6rem;

	line-height: 1rem;

}

.loan-three .box div p {

	font-size: 0.29333333rem;

}

.loan-three .jt {

	width: 0.4rem;

}

.loan-three .red-img {

	width: 1.5rem;

}

.loan-platform {

	padding: 1rem 0;

}

.loan-platform .left {

	width: 100%;

}

.loan-platform .left .box {

	float: left;

	height: 0.8rem;

	padding: 0;

	width: 32%;

	margin-right: 2%;

	margin-bottom: 0.6rem;

	font-size: 0.25rem;

}

.loan-platform .left .box:after {

	margin-top: 0;

	top: auto;

	bottom: -0.6rem;

	right: auto;

	left: 50%;

	margin-left: -0.26666666rem;

	border: 0.3rem solid transparent;

	border-bottom: 0.3rem solid #FFFFFF;

}

.loan-platform .left .box:nth-child(3) {

	margin-right: 0;

}

.loan-platform .right {

	width: 100%;

	margin-right: 0;

}

.loan-platform .right .js-tab-con {

	min-height: 6.66666666rem;

	padding: 0.66666666rem 0.4rem 0.93333333rem;

}

.loan-platform li {

	padding: 0.66666666rem 0.26666666rem;

}

.loan-platform li span {

	font-size: 1.1rem;

	line-height: 1.1rem;

}

.loan-platform li span i {

	top: 0.4rem;

	left: -0.13333333rem;

	font-size: 0.26666666rem;

	line-height: 0.4rem;

	padding: 0 0.05333333rem;

}

.loan-platform li div {

	margin-left: 0.93333333rem;

	padding-left: 0;

}

.loan-platform li div:before {

	display: none;

}

.loan-platform li div p {

	font-size: 0.4rem;

	line-height: 0.66666666rem;

}

.loan-platform li div em {

	font-size: 0.27rem;

}

.loan-platform .right .button {

	font-size: 0.24rem;

	line-height: 0.4rem;

	padding: 0.2rem 0.25rem;

}

.loan-platform .right .button:after {

	bottom: -0.26666666rem;

	right: -0.26666666rem;

	;

	width: 0.6rem;

	height: 0.6rem;

}

.loan-faq {

	padding: 1rem 0;

}

.loan-faq li {

	padding: 0.53333333rem 0;

}

.loan-faq li .tit {

	font-size: 0.4rem;

	line-height: 0.7rem;

	padding-left: 0.7rem;

}

.loan-faq li .tit:before, .loan-faq li .des:before {

	top: 0.1rem;

	width: 0.5rem;

	height: 0.5rem;

}

.loan-faq li .des {

	margin-top: 0.26666666rem;

	font-size: 0.4rem;

	line-height: 0.7rem;

	padding-left: 0.7rem;

}

.loan-faq .more-button {

	margin: 0.66666666rem auto 0;

}

}

/* ========== */































/* = QUOTATION = */































/* ========== */































.quotation-point {

	background: #c29747;

}

.quotation-point ul {

	text-align: center;

	cursor: pointer;

}

.quotation-point ul li {

	float: left;

	width: 20%;

	padding: 17px 0;

	border-right: 1px solid #d4b67f;

	position: relative;

}

.quotation-point ul li:after {

	content: "";

	position: absolute;

	right: -1px;

	top: 30px;

	height: 20px;

	width: 2px;

	background: #FFFFFF;

}

.quotation-point ul li:last-child {

	border-right: none;

}

.quotation-point ul li:last-child:after {

	display: none;

}

.quotation-point ul li img {

	-webkit-transition: all ease .3s;

	transition: all ease .3s;

}

.quotation-point ul li p {

	margin-top: 5px;

	font-size: 16px;

	color: #FFFFFF;

}

.quotation-point ul li:hover img {

	animation: tade 1s;

	-webkit-animation: tada 1s;

}

.quotation-five {

	margin-bottom: 55px;

	padding-bottom: 75px;

	background-image: url(../images/quotation/quotation_bg.jpg);

}

.quotation-five .content {

	padding-top: 160px;

	height: 520px;

	position: relative;

	overflow: hidden;

}

.quotation-five .content .cricle {

	margin: 0 auto;

	width: 990px;

	height: 990px;

	position: relative;

	border: 1px dashed #b8b9b9;

	border-radius: 100%;

}

.quotation-five .content .title {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	text-align: center;

}

.quotation-five .content .tit {

	position: absolute;

	z-index: 2;

	width: 180px;

	height: 180px;

	border-radius: 100%;

	overflow: hidden;

	background: #FFFFFF;

	border: 1px solid #eeeeee;

	text-align: center;

	padding-top: 35px;

	cursor: pointer;

}

.quotation-five .content .tit span {

	display: block;

	font-size: 30px;

	color: #000;

	position: relative;

	padding-bottom: 8px;

}

.quotation-five .content .tit span:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -10px;

	width: 20px;

	height: 1px;

	background: #000;

}

.quotation-five .content .tit p {

	margin-top: 10px;

	font-size: 16px;

	color: #333333;

}

.quotation-five .content .tit:hover {

	background-image: url(../images/quotation/ico_big_designer.png);

	background-size: cover;

	background-color: #000;

}

.quotation-five .content .tit:hover span {

	color: #FFFFFF;

}

.quotation-five .content .tit:hover span:after {

	background: #FFFFFF;

}

.quotation-five .content .tit:hover p {

	color: #FFFFFF;

}

.quotation-five .content .tit:nth-child(1) {

	top: 140px;

	left: -70px;

}

.quotation-five .content .tit:nth-child(2) {

	top: -30px;

	left: 90px;

}

.quotation-five .content .tit:nth-child(3) {

	top: -80px;

	left: 50%;

	margin-left: -90px;

}

.quotation-five .content .tit:nth-child(4) {

	top: -30px;

	right: 90px;

}

.quotation-five .content .tit:nth-child(5) {

	top: 150px;

	right: -70px;

}

.quotation-five ul {

	padding: 40px 20px;

	background-image: url(../images/quotation/five_bg.jpg);

}

.quotation-five ul li {

	float: left;

	width: 50%;

	padding: 0 22px;

}

.quotation-five ul .box {

	position: relative;

}

.quotation-five ul .box:after {

	content: "";

	position: absolute;

	z-index: 0;

	left: -10px;

	bottom: -10px;

	height: 92%;

	width: 98%;

	background: #000;

}

.quotation-five ul .box .con {

	position: relative;

	z-index: 1;

	background: #FFFFFF;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.quotation-five ul .box .img {

	width: 46%;

	overflow: hidden;

}

.quotation-five ul .box .img img {

	width: 100%;

}

.quotation-five ul .box .text {

	width: 54%;

	padding: 0 4%;

}

.quotation-five ul .box .text .tit {

	font-weight: bold;

	padding-bottom: 20px;

	position: relative;

	border-bottom: 1px dotted #cccccc;

	font-size: 16px;

	line-height: 26px;

	color: #333333;

}

.quotation-five ul .box .text .tit:after {

	content: "";

	position: absolute;

	bottom: -4px;

	left: 0;

	width: 8px;

	height: 8px;

	background: #000;

}

.quotation-five ul .box .text .des {

	margin-top: 15px;

}

.quotation-five ul .box .text .des p {

	position: relative;

	padding-left: 35px;

	line-height: 30px;

}

.quotation-five ul .box .text .des p:before {

	content: "";

	position: absolute;

	top: 5px;

	left: 0;

	width: 20px;

	height: 20px;

	background-image: url(../images/quotation/ico_right.png);

	background-size: cover;

}

.quotation-five ul .box:hover .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.mb-quotation-five {

	padding-top: 0.66666666rem;

	background-image: url(../images/quotation/quotation_bg.jpg);

}

.mb-quotation-five img {

	width: 70%;

	margin: 0 auto;

}

.mb-quotation-five .con {

	padding: 0.66666666rem 0.13333333rem;

	background-image: url(../images/quotation/mb_quotation_bg.jpg);

	text-align: center;

}

.mb-quotation-five .con .tit {

	margin: 0.15rem;

	display: inline-block;

	width: 2.4rem;

	height: 2.4rem;

	padding-top: 0.42rem;

	border-radius: 100%;

	overflow: hidden;

	background: #FFFFFF;

}

.mb-quotation-five .con .tit span {

	display: block;

	padding-bottom: 0.13rem;

	position: relative;

	font-size: 0.4rem;

	color: #000;

	font-weight: bold;

}

.mb-quotation-five .con .tit span:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 50%;

	background: #000;

	width: 0.26666666rem;

	height: 1px;

	margin-left: -0.13333333rem;

}

.mb-quotation-five .con .tit p {

	font-size: 0.26666666rem;

	line-height: 0.34666666rem;

	margin-top: 0.2rem;

	color: #333333;

}

.quotation-cases {

	padding-top: 80px;

}

.quotation-cases .ny-theme p {

	color: #000;

}

.quotation-cases .content {

	margin-top: 95px;

	padding: 60px 0 55px;

	background-image: url(../images/quotation/quotation_cases_bg.jpg);

	position: relative;

}

.quotation-cases .content:after {

	content: "";

	position: absolute;

	right: 0;

	top: -10%;

	height: 110%;

	width: 47%;

	background-image: url(../images/quotation/bg_shadow.png);

	background-size: cover;

	background-position: left center;

}

.quotation-cases .left {

	float: left;

	width: 48%;

}

.quotation-cases .left ul {

	max-width: 410px;

}

.quotation-cases .left ul li {

	float: left;

	width: 48%;

	margin-right: 4%;

	background: rgba(0,0,0,.5);

	color: #FFFFFF;

	padding: 70px 20px 30px;

	position: relative;

}

.quotation-cases .left ul li:nth-child(2n) {

	margin-right: 0;

	margin-top: 18px;

}

.quotation-cases .left ul li span {

	position: absolute;

	top: 30px;

	left: 0;

	background: rgba(255,255,255,.2);

	display: block;

	height: 30px;

	padding: 0 20px 0 15px;

	border-radius: 0 15px 15px 0;

}

.quotation-cases .left ul li p {

	font-size: 20px;

	color: #000;

}

.quotation-cases .left ul li p i {

	margin-right: 10px;

	font-size: 24px;

	font-style: normal;

}

.quotation-cases .left ul li div {

	margin-top: 10px;

}

.quotation-cases .left ul li:hover {

	background: #000;

}

.quotation-cases .left ul li:hover p {

	color: #FFFFFF;

}

.quotation-cases .left .tit {

	margin-top: 40px;

	font-size: 20px;

	color: #000;

}

.quotation-cases .left .tip {

	margin-top: 25px;

	background: #FFFFFF;

	padding: 27px;

	color: #333333;

	line-height: 24px;

}

.quotation-cases .left .tip .con {

	padding: 15px 20px 15px 35px;

	position: relative;

	overflow: hidden;

}

.quotation-cases .left .tip .con:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	border: 2px solid #e8d6ae;

	width: 74px;

	height: 100%;

}

.quotation-cases .left .tip .con p {

	position: relative;

	padding: 5px 0;

	line-height: 30px;

	z-index: 1;

	background: #FFFFFF;

}

.quotation-cases .left .tip .con .line {

	position: absolute;

	bottom: 12px;

	left: 100px;

	width: 100%;

	border-bottom: 1px solid #b2b2b2;

}

.quotation-cases .left .tip .con:after {

	content: "";

	position: absolute;

	right: 0;

	bottom: 10px;

	width: 6px;

	height: 6px;

	background: #000;

}

.quotation-cases .right {

	float: right;

	position: relative;

	z-index: 2;

	width: 30%;

}

.quotation-cases .right .tit h2 {

	font-size: 24px;

	color: #FFFFFF;

}

.quotation-cases .right .tit h2 span {

	font-size: 40px;

	color: #000;

	font-weight: bold;

}

.quotation-cases .right .tit .des {

	margin-top: 20px;

	font-size: 36px;

	color: #FFFFFF;

}

.quotation-cases .right .line {

	margin: 40px 0 30px;

	width: 120%;

	border-bottom: 1px solid rgba(255,255,255,.3);

	position: relative;

}

.quotation-cases .right .line:before {

	content: "";

	position: absolute;

	top: -2px;

	left: 0;

	width: 6px;

	height: 6px;

	background: #000;

}

.quotation-cases .right li {

	float: left;

	margin-top: 20px;

	width: 48%;

	margin-right: 4%;

	background: #FFFFFF;

	padding: 12px 0;

	text-align: center;

	border: 2px solid #ae8d47;

	position: relative;

}

.quotation-cases .right li:nth-child(2n) {

	margin-right: 0;

}

.quotation-cases .right li:before {

	content: "";

	position: absolute;

	top: 15px;

	left: -2px;

	width: 2px;

	height: 6px;

	background: #30251a;

}

.quotation-cases .right li .line-01:before {

	content: "";

	position: absolute;

	top: -2px;

	left: 30px;

	width: 15px;

	height: 2px;

	background: #30251a;

}

.quotation-cases .right li .line-01:after {

	content: "";

	position: absolute;

	bottom: -2px;

	left: 15px;

	width: 15px;

	height: 2px;

	background: #30251a;

}

.quotation-cases .right li .line-02:before {

	content: "";

	position: absolute;

	right: -2px;

	bottom: 10px;

	width: 2px;

	height: 6px;

	background: #30251a;

}

.quotation-cases .right li .line-02:after {

	content: "";

	position: absolute;

	right: -2px;

	bottom: 18px;

	width: 2px;

	height: 6px;

	background: #30251a;

}

.quotation-cases .right li img {

	display: inline-block;

	vertical-align: middle;

}

.quotation-cases .right li span {

	margin-left: 10px;

	display: inline-block;

	vertical-align: middle;

	font-size: 20px;

	color: #333333;

}

.quotation-cases .right .button {

	position: relative;

	cursor: pointer;

}

.quotation-cases .right .button {

	margin-top: 80px;

	padding: 18px 10px;

	background: #000;

	padding-left: 130px;

	font-size: 18px;

	font-weight: bold;

	color: #FFFFFF;

}

.quotation-cases .right .button img {

	position: absolute;

	top: -55px;

	left: -50px;

	width: 170px;

}

.quotation-process {

	padding: 95px 0;

	background-image: url(../images/quotation/process_bg.jpg);

}

.quotation-process ul {

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.quotation-process ul li {

	width: 16%;

	text-align: center;

}

.quotation-process ul li.jt {

	padding-top: 3%;

	width: 5%;

}

.quotation-process ul li p {

	margin-top: 22px;

	font-size: 16px;

	line-height: 32px;

}

.quotation-process ul li p span {

	color: #c29747;

	font-weight: bold;

}

.quotation-pk {

	padding: 75px 0 100px;

	background-image: url(../images/quotation/pk_bg.jpg);

}

.quotation-pk .ny-theme p {

	color: #000;

}

.quotation-pk .content {

	margin-top: 30px;

	position: relative;

}

.quotation-pk .content:after {

	content: "";

	position: absolute;

	z-index: 0;

	top: 8%;

	left: 0;

	width: 100%;

	height: 84%;

	background: #eee;

	transform: skewY(-5deg);

	-webkit-transform: skewY(-5deg);

}

.quotation-pk .img {

	position: relative;

	z-index: 1;

}

.quotation-pk .box {

	position: absolute;

	top: 0;

	left: 0;

	width: 50%;

	z-index: 1;

	padding-top: 60px;

	padding-right: 76px;

	text-align: right;

}

.quotation-pk .box .tit {

	padding: 40px 0 25px;

	font-size: 24px;

	font-weight: bold;

	color: #333333;

	border-bottom: 1px dashed #e5e5e5;

}

.quotation-pk .box li {

	height: 73px;

	border-bottom: 1px dashed #e5e5e5;

	display: flex;

	align-items: center;

}

.quotation-pk .box li div {

	width: 100%;

	font-size: 20px;

	line-height: 30px;

	position: relative;

	padding-right: 40px;

}

.quotation-pk .box li div:before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	width: 30px;

	height: 30px;

	background-image: url(../images/quotation/pk_ico_01.png);

	background-size: cover;

}

.quotation-pk .box:nth-child(2) {

	left: auto;

	right: 0;

	padding-right: 0;

	padding-left: 76px;

	text-align: left;

}

.quotation-pk .box:nth-child(2) div {

	padding-right: 0;

	padding-left: 40px;

}

.quotation-pk .box:nth-child(2) div:before {

	right: auto;

	left: 0;

	background-image: url(../images/quotation/pk_ico_02.png);

}

.mb-quotation-pk {

	margin-top: 0.53333333rem;

}

.mb-quotation-pk .tab {

	width: 9.2rem;

	height: 1.32rem;

	margin: 0 auto;

	background-image: url(../images/quotation/mb_pk_yellow.png);

	background-size: cover;

	text-align: center;

	padding-top: 0.11rem;

}

.mb-quotation-pk .tab span {

	margin: 0 0.02rem;

	display: inline-block;

	vertical-align: middle;

	width: 1.1rem;

	height: 1.1rem;

	border: 1px solid #ffffff;

	border-radius: 100%;

	text-align: center;

	font-size: 0.26666666rem;

	line-height: 0.4rem;

	color: #FFFFFF;

	padding-top: 0.12rem;

	font-weight: bold;

}

.mb-quotation-pk .tab span.active {

	background: #ffffff;

	color: #000;

}

.mb-quotation-pk .js-tab-box {

	margin-top: 0.53333333rem;

}

.mb-quotation-pk .js-tab-con {

	display: none;

	position: relative;

	min-height: 5.33333333rem;

}

.mb-quotation-pk .js-tab-con.active {

	display: block;

}

.mb-quotation-pk .js-tab-con .img {

	width: 1.92rem;

	position: absolute;

	left: 50%;

	top: 0;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

}

.mb-quotation-pk .js-tab-con .con {

	float: left;

	width: 35%;

	padding: 0 0.26666666rem;

}

.mb-quotation-pk .js-tab-con .con .tit {

	position: relative;

	font-size: 0.4rem;

	line-height: 0.8rem;

	padding-left: 0.8rem;

	padding-bottom: 0.26666666rem;

	border-bottom: 1px dashed #e5e5e5;

}

.mb-quotation-pk .js-tab-con .con .tit:before {

	content: "";

	position: absolute;

	top: 0;

	left: -0.13333333rem;

	width: 0.8rem;

	height: 0.8rem;

	background-image: url(../images/quotation/pk_ico_01.png);

	background-size: cover;

}

.mb-quotation-pk .js-tab-con .con span {

	display: inline-block;

	margin-top: 0.4rem;

	font-size: 0.4rem;

}

.mb-quotation-pk .js-tab-con .con p {

	font-size: 0.26666666rem;

	line-height: 0.45333333rem;

}

.mb-quotation-pk .js-tab-con .con:last-child {

	width: 35%;

	float: right;

	text-align: right;

	padding: 0 0.26666666rem;

	color: #333;

}

.mb-quotation-pk .js-tab-con .con:last-child .tit {

	padding-left: 0;

	padding-right: 0.8rem;

	color: #000;

	font-weight: bold;

}

.mb-quotation-pk .js-tab-con .con:last-child .tit:before {

	left: auto;

	right: -0.13333333rem;

	background-image: url(../images/quotation/pk_ico_02.png);

}

 @media (max-width:1600px) {

/* ========== */































	/* = QUOTATION = */































	/* ========== */































.quotation-five ul .box .text .tit {

	padding-bottom: 15px;

	font-size: 14px;

	line-height: 24px;

}

.quotation-five ul .box .text .des p {

	font-size: 12px;

	line-height: 24px;

}

.quotation-five ul .box .text .des p:before {

	top: 2px;

}

.quotation-process ul li p {

	font-size: 14px;

}

.quotation-pk .box li div {

	font-size: 18px;

}

}

 @media (max-width:999px) {

/* ========== */































	/* = QUOTATION = */































	/* ========== */































.quotation-point ul li {

	padding: 0.4rem 0;

}

.quotation-point ul li:after {

	top: 0.4rem;

	height: 0.26666666rem;

	width: 0.02666666rem;

}

.quotation-point ul li img {

	width: 0.8rem;

}

.quotation-point ul li p {

	margin-top: 0.08rem;

	font-size: 0.29333333rem;

}

.quotation-five {

	margin-bottom: 0;

	padding-bottom: 0;

}

.quotation-five .container {

	padding: 0;

}

.quotation-five ul {

	padding: 0.66666666rem 0.53333333rem;

}

.quotation-five ul li {

	padding: 0;

	margin-bottom: 0.66666666rem;

	width: 100%;

}

.quotation-five ul .box:after {

	left: -0.1rem;

	bottom: -0.1rem;

}

.quotation-five ul .box .con {

	display: block;

}

.quotation-five ul .box .img {

	width: 100%;

}

.quotation-five ul .box .text {

	width: 100%;

	padding: 0.3rem;

}

.quotation-five ul .box .text .tit {

	padding-bottom: 0.3rem;

	font-size: 0.36rem;

	line-height: 0.6rem;

}

.quotation-five ul .box .text .des {

	margin-top: 0.26666666rem;

}

.quotation-five ul .box .text .des p {

	font-size: 0.4rem;

	padding-left: 0.5rem;

	line-height: 0.64rem;

}

.quotation-five ul .box .text .des p:before {

	top: 0.13rem;

	width: 0.4rem;

	height: 0.4rem;

}

.quotation-cases {

	padding-top: 1.06666666rem;

}

.quotation-cases .content {

	margin-top: 1.2rem;

	padding: 0.8rem 0;

}

.quotation-cases .content:after {

	display: none;

}

.quotation-cases .left {

	width: 100%;

}

.quotation-cases .left ul {

	max-width: 100%;

}

.quotation-cases .left ul li {

	padding: 1.2rem 0.26666666rem 0.4rem;

}

.quotation-cases .left ul li:nth-child(2n) {

	margin-top: 0.26666666rem;

}

.quotation-cases .left ul li span {

	top: 0.4rem;

	height: 0.5rem;

	padding: 0 0.4rem 0 0.26666666rem;

	border-radius: 0 0.25rem 0.25rem 0;

}

.quotation-cases .left ul li span img {

	height: 0.5rem;

}

.quotation-cases .left ul li p {

	font-size: 0.38rem;

}

.quotation-cases .left ul li p i {

	margin-right: 0.13333333rem;

	font-size: 0.33333333rem;

}

.quotation-cases .left ul li div {

	margin-top: 0.13333333rem;

	font-size: 0.4rem;

}

.quotation-cases .left .tit {

	margin-top: 0.53333333rem;

	font-size: 0.38rem;

}

.quotation-cases .right {

	width: 100%;

	margin-top: 0.66666666rem;

	background: rgba(0,0,0,.4);

	padding: 0.53333333rem;

}

.quotation-cases .right .tit h2 {

	font-size: 0.5rem;

}

.quotation-cases .right .tit h2 span {

	font-size: 0.48rem;

}

.quotation-cases .right .tit .des {

	margin-top: 0.26666666rem;

	font-size: 0.4rem;

	line-height: 0.8rem;

}

.quotation-cases .right .line {

	margin: 0.4rem 0 0.4rem;

	width: 100%;

}

.quotation-cases .right li {

	margin-top: 0.26666666rem;

}

.quotation-cases .right li img {

	width: 0.6rem;

}

.quotation-cases .right li span {

	margin-left: 0.13333333rem;

	font-size: 0.4rem;

}

.quotation-cases .right .button {

	margin-top: 1.06666666rem;

	padding: 0.5rem 0.26666666rem;

	padding-left: 2.3rem;

	font-size: 0.4rem;

}

.quotation-cases .right .button img {

	top: -0.6rem;

	left: -0.6rem;

	width: 2.6rem;

}

.quotation-process {

	padding: 1rem 0 0.6rem;

	background-image: url(../images/quotation/process_bg.jpg);

}

.quotation-process .container {

	padding: 0;

}

.quotation-process ul {

	display: block;

	text-align: center;

}

.quotation-process ul li {

	margin-bottom: 0.3rem;

	width: 22%;

	display: inline-block;

	vertical-align: top;

}

.quotation-process ul li.jt {

	width: 2%;

	padding-top: 0.6rem;

}

.quotation-process ul li img {

	width: 1.2rem;

}

.quotation-process ul li p {

	margin-top: 0.26666666rem;

	font-size: 0.23rem;

	line-height: 0.5rem;

}

.quotation-pk {

	padding: 1rem 0;

}

.quotation-pk .ny-theme p {

	color: #000;

}

}

/* ========== */































/* = CALCULATOR-POP = */































/* ========== */































.calculator-pop {

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	background: rgba(0,0,0,.5);

	text-align: center;

	z-index: 99999;

}

.calculator-pop .content+i {

	display: inline-block;

	vertical-align: middle;

	height: 100%;

}

.calculator-pop .content {

	position: relative;

	display: inline-block;

	width: 90%;

	max-width: 1600px;

	vertical-align: middle;

}

.calculator-pop .close {

	position: absolute;

	z-index: 3;

	top: 70px;

	right: 10px;

	width: 45px;

	height: 45px;

	background-image: url(../images/close.png);

	cursor: pointer;

}

.calculator-pop .title {

	text-align: center;

	color: #FFFFFF;

	position: relative;

	z-index: 1;

}

.calculator-pop .title img {

	display: inline-block;

	vertical-align: middle;

	margin-right: 30px;

	margin-bottom: -30px;

}

.calculator-pop .title span {

	font-weight: bold;

	font-size: 40px;

	display: inline-block;

	vertical-align: middle;

	padding-top: 50px;

}

.calculator-pop .content-con {

	position: relative;

	background-image: url(../images/quotation/calculator_bg.jpg);

	background-size: cover;

	padding: 50px 65px;

}

.calculator-pop .left {

	float: left;

	text-align: left;

}

.calculator-pop .left .tit {

	padding: 20px 0;

	font-size: 30px;

	color: #333333;

}

.calculator-pop .left .tit span {

	font-size: 22px;

}

.calculator-pop .left .tit em {

	font-style: normal;

	color: #d6000f;

}

.calculator-pop .left .div-input {

	margin-top: 22px;

	position: relative;

	padding-left: 115px;

}

.calculator-pop .left .div-input i {

	position: absolute;

	font-style: normal;

	top: 0;

	left: 0;

	font-size: 18px;

	line-height: 60px;

	color: #333333;

}

.calculator-pop .left .div-input i em {

	font-style: normal;

	color: #d6000f;

}

.calculator-pop .left .div-input span {

	width: 100%;

	position: relative;

}

.calculator-pop .left .div-input span em {

	position: absolute;

	top: 0;

	right: 10px;

}

.calculator-pop .left .div-input span input {

	width: 100%;

	padding: 18px 15px;

	line-height: 24px;

	height: 60px;

	border: 1px solid #eaeaea;

	background: #FFFFFF;

	font-size: 16px;

}

.calculator-pop .left .div-input .huxing_wrap {

	position: relative;

	text-align: left;

}

.calculator-pop .left .div-input .huxing_show {

	padding: 0 40px 0 10px;

	height: 60px;

	line-height: 58px;

	border: 1px solid #eaeaea;

	background: #FFFFFF;

	position: relative;

}

.calculator-pop .left .div-input .huxing_show:after {

	content: "";

	position: absolute;

	top: 50%;

	right: 5px;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	width: 30px;

	height: 30px;

	background-image: url(../images/quotation/ico_down.png);

	background-size: cover;

}

.calculator-pop .left .div-input .huxing_show span {

	width: 17%;

	display: inline-block;

	text-align: center;

}

.calculator-pop .left .div-input .huxing_wrap ul {

	position: absolute;

	top: 60px;

	left: 0;

	width: 100%;

	border: 1px solid #eaeaea;

	background: #FFFFFF;

	padding: 10px 40px 10px 10px;

}

.calculator-pop .left .div-input .huxing_wrap ul li {

	display: inline-block;

	width: 17%;

	line-height: 30px;

	height: 30px;

}

.calculator-pop .left .div-input .huxing_wrap ul li a {

	display: block;

	text-align: center;

	border-radius: 3px;

}

.calculator-pop .left .div-input .huxing_wrap ul li a.active {

	background: #d6000f;

	color: #FFFFFF;

}

.calculator-pop .left .des {

	margin-top: 45px;

	color: #FFFFFF;

	padding: 20px 10px;

	font-size: 20px;

	background-image: linear-gradient(180deg, #eb434e, #d80615);

	text-align: center;

}

.calculator-pop .left .tip {

	margin-top: 20px;

	font-size: 16px;

	text-align: center;

}

.calculator-pop .calculator-button {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

	-webkit-transform: translateX(-50%) translateY(-50%);

	max-width: 10%;

}

.calculator-pop .right {

	float: right;

	width: 40%;

}

.calculator-pop .right .tit {

	font-size: 24px;

	color: #333333;

}

.calculator-pop .right .tit b {

	font-size: 30px;

	color: #d6000f;

	font-weight: bold;

}

.calculator-pop .right ul {

	margin-top: 45px;

	padding: 50px 0;

	background-image: url(../images/quotation/pop_img.jpg);

	font-size: 20px;

	color: #FFFFFF;

	line-height: 50px;

}

.calculator-pop .right ul em {

	font-size: 26px;

}

.calculator-pop .right .des {

	margin-top: 20px;

	font-size: 16px;

}

.calculator-pop .right .tel {

	margin-top: 25px;

	font-size: 30px;

	font-weight: bold;

	color: #c29747;

	line-height: 50px;

}

.calculator-pop .right .tel span {

	position: relative;

	display: inline-block;

	font-size: 24px;

	font-weight: normal;

	color: #333333;

	padding-left: 60px;

}

.calculator-pop .right .tel span:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 0;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	width: 40px;

	height: 40px;

	background-image: url(../images/quotation/ico_tel.png);

	background-size: cover;

}

 @media (max-height:780px) {

.calculator-pop .close {

	top: 40px;

}

.calculator-pop .title img {

	width: 200px;

}

.calculator-pop .title span {

	font-size: 30px;

	padding-top: 40px;

}

.calculator-pop .content-con {

	padding: 30px 40px;

}

.calculator-pop .left .tit {

	font-size: 24px;

}

.calculator-pop .left .tit span {

	font-size: 18px;

}

.calculator-pop .left .div-input i {

	line-height: 50px;

}

.calculator-pop .left .div-input span input {

	height: 50px;

	padding: 11px 15px;

}

.calculator-pop .left .div-input .huxing_show {

	height: 50px;

	line-height: 48px;

}

.calculator-pop .left .des {

	font-size: 18px;

	margin-top: 20px;

	padding: 15px;

}

.calculator-pop .right .tit {

	font-size: 20px;

}

.calculator-pop .right .tit b {

	font-size: 26px;

}

.calculator-pop .right ul {

	margin-top: 20px;

}

.calculator-pop .right .tel span {

	font-size: 22px;

}

.calculator-pop .right .tel {

	margin-top: 10px;

	font-size: 24px;

}

}

 @media (max-width:999px) {

/* ========== */































	/* = CALCULATOR-POP = */































	/* ========== */































.calculator-pop .close {

	top: 0rem;

	right: 0rem;

	width: 0.6rem;

	height: 0.6rem;

}

.calculator-pop .title img {

	display: none;

}

.calculator-pop .title span {

	font-size: 0.53333333rem;

	padding: 0 0 0.4rem;

}

.calculator-pop .content-con {

	padding: 0.53333333rem;

}

.calculator-pop .left {

	float: none;

	width: 100%;

}

.calculator-pop .left .tit {

	padding: 0.4rem 0;

	font-size: 0.4rem;

}

.calculator-pop .left .tit span {

	font-size: 0.4rem;

}

.calculator-pop .left .div-input {

	margin-top: 0.4rem;

	padding-left: 1.8rem;

}

.calculator-pop .left .div-input i {

	font-size: 0.4rem;

	line-height: 44px;

}

.calculator-pop .left .div-input span em {

	position: absolute;

	top: 0;

	right: 0.13333333rem;

}

.calculator-pop .left .div-input span input {

	padding: 9px 10px;

	line-height: 24px;

	height: 44px;

	font-size: 0.4rem;

}

.calculator-pop .left .div-input .huxing_wrap {

	position: relative;

	text-align: left;

}

.calculator-pop .left .div-input .huxing_show {

	padding: 0 0.4rem 0 0.13333333rem;

	height: 44px;

	line-height: 42px;

	font-size: 0.4rem;

}

.calculator-pop .left .div-input .huxing_show:after {

	width: 0.4rem;

	height: 0.4rem;

}

.calculator-pop .left .div-input .huxing_wrap ul {

	top: 44px;

	padding: 0.2rem 0.4rem 0.2rem 0.13333333rem;

}

.calculator-pop .left .des {

	margin-top: 0.53333333rem;

	color: #FFFFFF;

	padding: 0.26666666rem 0.13333333rem;

	font-size: 0.4rem;

}

.calculator-pop .left .tip {

	margin-top: 0.26666666rem;

	font-size: 0.29333333rem;

}

.calculator-pop .button {

	margin-top: 0.53333333rem;

	position: relative;

	height: 2rem;

	overflow: hidden;

}

.calculator-pop .button .calculator-button {

	max-width: 30%;

}

.calculator-pop .right {

	display: none;

}

}

/* ========== */































/* = ZT = */































/* ========== */































.activity-wrap {

	padding-top: 0;

	padding-bottom: 160px;

}

.zt-banner {

	background: url(../images/zt/zt2021_top_bg.jpg) center top repeat-y;

}

.zt-banner img {

	max-width: 80%;

}

.zt-imgcontent {

	position: relative;

	z-index: 1;

	background: url(../images/zt/zt2021_bg.jpg) center top repeat-y;

}

.zt-imgcontent img {

	max-width: 80%;

}

.zt-fixed-right {

	position: fixed;

	width: 120px;

	height: 315px;

	background-image: url(../images/zt/fixed_right_img.png);

	top: 50%;

	margin-top: -130px;

	right: 25px;

	z-index: 999;

}

.zt-fixed-right ul {

	padding-top: 113px;

}

.zt-fixed-right li a {

	display: block;

	height: 27px;

	margin-bottom: 6px;

	text-align: center;

	font-style: italic;

	color: #671400;

	font-weight: bold;

	font-size: 0;

}

.zt-fixed-right li:last-child a {

	margin-bottom: 0;

}

.zt-fixed-right .back-top {

	position: absolute;

	width: 40px;

	height: 40px;

	left: 50%;

	margin-left: -18px;

	bottom: 0;

}

.zt-form {

	height: 90px;

	overflow: hidden;

	background-image: url(../images/zt/form_bg.jpg);

	position: fixed;

	bottom: 0;

	left: 0;

	width: 100%;

	z-index: 2;

}

.zt-form .png-01 {

	position: absolute;

	left: 0;

	bottom: 48px;

}

.zt-form .png-02 {

	position: absolute;

	right: 4%;

	bottom: 0;

}

.zt-form .content {

	position: relative;

	padding-left: 340px;

}

.zt-form .content .tit {

	position: absolute;

	top: 0;

	left: 0;

}

.zt-form .content .tit span {

	font-size: 30px;

	font-weight: bold;

	color: #ffffff;

}

.zt-form .content .tit p {

	margin-top: 10px;

	font-size: 24px;

	color: #ffffff;

}

.zt-form .content .tit p i {

	color: #ffcd56;

	font-style: normal;

}

.zt-form .content .con {

	padding: 30px 0;

}

.zt-form .content .con span {

	float: left;

	width: 21%;

	margin-right: 3%;

}

.zt-form .content .con span input {

	width: 100%;

	height: 40px;

	line-height: 24px;

	padding: 7px 10px;

	background: #FFFFFF;

	border: 1px solid #eeeeee;

	padding: 0 15px;

}

.zt-form .content .con span:last-child {

	float: right;

	width: 24%;

	margin-top: -70px;

}

.zt-form .content .con span .more-button {

	width: 100%;

	height: 40px;

	background: #ffcd56;

}

.zt-form .content .con span p {

	margin-top: 10px;

	text-align: center;

	color: #FFFFFF;

}

.zt-form .content .con span p em {

	font-size: 18px;

}

.zt-case {

	padding: 125px 0 99px;

	position: relative;

}

.zt-case:before {

	content: "";

	position: absolute;

	top: -160px;

	left: 0;

	background-image: url(../images/zt/kuang_png.png);

	height: 400px;

	width: 100%;

	background-size: cover;

}

.zt-case .png {

	position: absolute;

	bottom: 25px;

	left: 0;

	max-width: 30%;

}

.zt-theme {

	text-align: center;

}

.zt-theme h2 {

	font-size: 70px;

	color: #4c4c4c;

}

.zt-theme h2 span {

	background-image: -webkit-linear-gradient(bottom, #f5d492, #d5a653, #edc26d);

	color: transparent;

	-webkit-background-clip: text;

}

.zt-theme p {

	margin-top: 20px;

	font-size: 30px;

	color: #4d4d4d;

	letter-spacing: 6px;

}

.zt-case .tab {

	margin-top: 40px;

	text-align: center;

}

.zt-case .tab span {

	min-width: 15%;

	margin: 0 1%;

	display: inline-block;

	vertical-align: middle;

	border: 1px solid #ececec;

	cursor: pointer;

}

.zt-case .tab span img.hover {

	display: none;

}

.zt-case .tab span img {

	display: inline-block;

	vertical-align: middle;

}

.zt-case .tab span em {

	margin-left: 10px;

	display: inline-block;

	vertical-align: middle;

	font-size: 18px;

}

.zt-case .tab span.active {

	background: #000;

	border: 1px solid #000;

	color: #FFFFFF;

}

.zt-case .tab span.active img.default {

	display: none;

}

.zt-case .tab span.active img.hover {

	display: inline-block;

}

.zt-case .js-tab-box {

	margin-top: 35px;

	position: relative;

	z-index: 1;

}

.zt-case .js-tab-con {

	display: none;

}

.zt-case .js-tab-con.active {

	display: block;

}

.zt-case .box {

	border: 1px solid #ececec;

	padding: 30px;

	background: #FFFFFF;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.zt-case .box .left {

	position: relative;

	width: 65%;

}

.zt-case .box .left .button {

	position: absolute;

	z-index: 2;

	left: -20px;

	bottom: 18%;

}

.zt-case .box .left .button:before {

	content: "";

	position: absolute;

	left: 0;

	bottom: -16px;

	width: 20px;

	height: 17px;

	background-image: url(../images/zt/case_fangkuai.png);

	background-size: cover;

}

.zt-case .box .left .more-button {

	background: #d61a1a;

	width: 240px;

	height: 62px;

	line-height: 62px;

	font-size: 18px;

}

.zt-case .box .left .more-button:after {

	width: 80px;

	height: 80px;

	background-size: cover;

}

.zt-case .box .right {

	width: 32%;

}

.zt-case .box .right .tit {

	margin-top: 20px;

	font-size: 28px;

	font-weight: bold;

	color: #333333;

}

.zt-case .box .right .des {

	margin-top: 25px;

}

.zt-case .box .right .des span {

	font-size: 18px;

	display: inline-block;

	vertical-align: middle;

}

.zt-case .box .right .des i {

	margin: 0 12px;

	display: inline-block;

	vertical-align: middle;

	width: 1px;

	height: 20px;

	background: #bcbcbc;

}

.zt-case .box .right .img {

	margin-top: 8%;

	border: 1px solid #ececec;

	padding: 18px;

}

.zt-case .box .right .img a {

	display: block;

	width: 80%;

	margin: 18px auto 0;

	line-height: 50px;

	background: #d61a1a;

	text-align: center;

	border-radius: 25px;

	color: #FFFFFF;

	font-size: 16px;

}

.zt-designer {

	padding: 85px 0 75px;

	position: relative;

}

.zt-designer:before {

	position: absolute;

	top: 0;

	left: 0;

	content: "";

	width: 100%;

	height: 337px;

	background: url(../images/zt/designer_bg.png) center top no-repeat;

}

.zt-designer .zt-theme {

	position: relative;

	z-index: 1;

	text-align: left;

}

.zt-designer .png-01 {

	position: absolute;

	top: 50px;

	right: 6%;

	z-index: 3;

}

.zt-designer .png-02 {

	position: absolute;

	bottom: 30%;

	right: 7%;

	z-index: 3;

}

.swiper-zt-designer {

	margin-top: -40px;

	padding-top: 80px;

}

.swiper-zt-designer .box {

	padding: 50px 40px;

	background: rgba(235,235,235,.5);

}

.swiper-zt-designer .box ul {

	float: left;

	width: 62%;

}

.swiper-zt-designer .box li {

	margin-bottom: 25px;

	float: left;

	width: 25%;

	margin-right: 3%;

}

.swiper-zt-designer .box li:nth-child(4) {

	margin-left: 14%;

}

.swiper-zt-designer .box li a {

	display: block;

	position: relative;

	background: #d6d9de;

	overflow: hidden;

}

.swiper-zt-designer .box li p {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	line-height: 30px;

	font-size: 16px;

	color: #FFFFFF;

	background: rgba(0,0,0,.4);

	text-align: center;

}

.swiper-zt-designer .box li a:hover img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.swiper-zt-designer .box .right-img {

	margin-top: -100px;

	float: right;

	width: 37%;

	position: relative;

	display: block;

	overflow: hidden;

	background: #d6d9de;

}

.swiper-zt-designer .box .right-img>span {

	position: absolute;

	top: 0;

	right: 100%;

	display: block;

	background: #FFFFFF;

	width: 110px;

	height: 250px;

	padding-top: 110px;

}

.swiper-zt-designer .box .right-img>span i {

	display: inline-block;

	transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	font-style: normal;

	font-size: 28px;

	color: #b8b8b8;

	text-transform: uppercase;

}

.swiper-zt-designer .box .right-img img {

	width: 100%;

}

.swiper-zt-designer .box .right-img p {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	padding: 30px 10px;

	font-size: 18px;

	color: #FFFFFF;

	background: rgba(0,0,0,.4);

	text-align: center;

}

.swiper-zt-designer .box .right-img p span {

	font-size: 25px;

	font-weight: bold;

}

.swiper-zt-designer .box .right-img:hover img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.swiper-zt-designer .swiper-button-prev, .swiper-zt-designer .swiper-button-next {

	top: auto;

	margin-top: auto;

	left: 77px;

	right: auto;

	width: 42px;

	height: 42px;

}

.swiper-zt-designer .swiper-button-prev {

	bottom: 150px;

	background-image: url(../images/zt/designer_prev.png);

}

.swiper-zt-designer .swiper-button-next {

	bottom: 98px;

	background-image: url(../images/zt/designer_next.png);

}

.swiper-zt-designer .swiper-pagination {

	display: none;

}

.zt-style {

	padding: 35px 0 80px;

	background-image: url(../images/zt/style_bg.jpg);

	position: relative;

}

.zt-style .png-01 {

	position: absolute;

	top: -100px;

	left: 0;

}

.zt-style .png-02 {

	position: absolute;

	bottom: 20px;

	right: 20px;

}

.zt-style .zt-theme {

	color: #FFFFFF;

}

.zt-style .zt-theme em {

	font-size: 160px;

	font-weight: bold;

	opacity: .02;

}

.zt-style .zt-theme h2 {

	margin-top: -90px;

	color: #FFFFFF;

}

.zt-style .zt-theme p {

	color: #FFFFFF;

}

.zt-style .content {

	margin: 60px auto 0;

	max-width: 1260px;

	border: 2px solid #000;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.zt-style .content .img {

	width: 50%;

}

.zt-style .content .text {

	width: 50%;

	background: #000;

	color: #FFFFFF;

	padding: 5%;

}

.zt-style .content .text .tit {

	padding-bottom: 30px;

	border-bottom: 1px solid #FFFFFF;

	font-size: 36px;

	font-weight: bold;

	position: relative;

}

.zt-style .content .text .tit:after {

	content: "";

	position: absolute;

	bottom: -2px;

	left: 0;

	width: 70px;

	height: 3px;

	background: #FFFFFF;

}

.zt-style .content .text .des {

	margin-top: 40px;

}

.zt-style .content .text .des p {

	font-size: 20px;

	line-height: 40px;

	margin-bottom: 20px;

	position: relative;

	padding-left: 60px;

}

.zt-style .content .text .des p:before {

	content: "";

	position: absolute;

	top: 18px;

	left: 15px;

	width: 8px;

	height: 8px;

	background: #FFFFFF;

}

.zt-style .content .text .des p:last-child {

	margin-bottom: 0;

}

.zt-style .content .text .des p span {

	font-weight: bold;

	font-size: 24px;

}

.zt-pingjia {

	padding: 80px 0 85px;

	background-image: url(../images/zt/zt_pingjia.jpg);

	position: relative;

}

.zt-pingjia .png-01 {

	position: absolute;

	bottom: -200px;

	right: 0;

}

.zt-pingjia .ny-theme p span {

	display: inline-block;

	vertical-align: middle;

	color: #d61a1a;

}

.zt-pingjia .ny-theme p img {

	display: inline-block;

	vertical-align: middle;

}

.zt-pingjia .con {

	margin-top: 40px;

}

.zt-pingjia .more-button {

	margin: 20px auto 0;

	width: 370px;

	line-height: 68px;

	font-size: 22px;

	border-radius: 34px;

	background: -moz-linear-gradient(top, #fdc75c, #fbb03c));

	background: -ms-linear-gradient(top, #fdc75c, #fbb03c));

	background: -o-linear-gradient(top, #fdc75c, #fbb03c);

	background: -webkit-linear-gradient(top, #fdc75c, #fbb03c);

}

.zt-footer {

	background-image: url(../images/zt/zt_footer.jpg);

	padding-top: 78px;

	position: relative;

}

.zt-footer .png-01 {

	position: absolute;

	top: -200px;

	left: -40px;

}

.zt-footer .tit {

	text-align: center;

	padding-bottom: 46px;

	border-bottom: 1px dashed rgba(255,255,255,.4);

}

.zt-footer .tit img {

	display: inline-block;

	vertical-align: middle;

}

.zt-footer .tit span {

	margin: 0 10px;

	display: inline-block;

	vertical-align: middle;

	font-size: 30px;

	color: #000;

}

.zt-footer .content {

	margin-top: 40px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.zt-footer .content .text {

	width: 40%;

}

.zt-footer .content .text .con {

	margin-bottom: 40px;

	color: #FFFFFF;

}

.zt-footer .content .text .con:last-child {

	margin-bottom: 0;

}

.zt-footer .content .text .con span {

	margin-bottom: 20px;

	display: block;

	font-size: 24px;

}

.zt-footer .content .text .con p {

	font-size: 18px;

	line-height: 50px;

	color: #e2e2e2;

}

.zt-footer .content .text .con p a {

	color: #e2e2e2;

}

.zt-footer .content .img {

	width: 50%;

}

.zt-copyright {

	padding: 100px 0 40px;

	background-position: top center;

	background-image: url(../images/zt/zt_copyright.png);

	color: #8b0412;

}

.zt-copyright .container {

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.zt-copyright a {

	color: #8b0412;

}

.zt-copyright i {

	display: inline-block;

	width: 1px;

	height: 8px;

	background: #8b0412;

	margin: 0 10px;

}

.baoming-content {

	padding: 1rem 0.8rem;

	text-align: center;

}

.baoming-content .tit {

	font-size: 0.48rem;

	font-weight: bold;

	color: #333333;

}

.baoming-content .tit span {

	color: #f43d39;

}

.baoming-content .des {

	margin-top: 0.05rem;

	font-size: 0.29333333rem;

	color: #999999;

}

.baoming-content .text {

	margin-bottom: 0.2rem;

	margin-top: 0.26666666rem;

	display: inline-block;

	font-size: 0.34666666rem;

	position: relative;

}

.baoming-content .text:before {

	content: "";

	position: absolute;

	left: -3.2rem;

	top: 50%;

	width: 2.66666666rem;

	height: 1px;

	background: #cccccc;

}

.baoming-content .text:after {

	content: "";

	position: absolute;

	right: -3.2rem;

	top: 50%;

	width: 2.66666666rem;

	height: 1px;

	background: #cccccc;

}

.baoming-content .in {

	margin-top: 0.2rem;

	position: relative;

	padding-left: 0.56rem;

	padding-right: 0.26666666rem;

	border: 1px solid #cccccc;

	line-height: 0.77333333rem;

	font-size: 0.26666666rem;

	color: #b6b6b6;

}

.baoming-content .in i {

	position: absolute;

	top: 0;

	left: 0.26666666rem;

	line-height: 0.77333333rem;

	color: #f43d39;

}

.baoming-content .in input {

	width: 100%;

	font-size: 0.4rem;

	background: none;

	border: none;

}

.baoming-content .button {

	margin-top: 0.26666666rem;

	width: 100%;

	height: 0.93333333rem;

	line-height: 0.93333333rem;

	background: #f43d39;

	color: #FFFFFF;

	font-size: 0.4rem;

}

.baoming-content .tip {

	margin-top: 0.2rem;

	position: relative;

	display: inline-block;

	font-size: 0.26666666rem;

	color: #f43d39;

}

.baoming-content .tip:before {

	content: "";

	position: absolute;

	left: -1.33333333rem;

	top: 50%;

	width: 1.2rem;

	height: 1px;

	background: #e5e5e5;

}

.baoming-content .tip:after {

	content: "";

	position: absolute;

	right: -1.33333333rem;

	top: 50%;

	width: 1.2rem;

	height: 1px;

	background: #e5e5e5;

}

.baoming-content .tip span {

	font-size: 0.4rem;

	font-weight: bold;

}

.zt-banner {

	position: relative;

	z-index: 1;

}

.countdown-box {

	position: absolute;

	z-index: 9;

	top: 12.8rem;

	left: 0.26666666rem;

}

.countdown-box p {

	font-size: 0.4rem;

	font-weight: bold;

	background-image: -webkit-linear-gradient(bottom, #f5d492, #d5a653, #edc26d);

	color: transparent;

	-webkit-background-clip: text;

}

.countdown-box .box {

	margin-top: 0.05rem;

}

.countdown-box .box div {

	display: inline-block;

	padding: 0 0.05rem;

	vertical-align: bottom;

	width: 1.6rem;

	height: 1.2rem;

	background-image: url(../images/count_bg.png);

	background-size: cover;

}

.countdown-box .box div span {

	width: 50%;

	display: block;

	float: left;

	line-height: 1.2rem;

	font-size: 0.86666666rem;

	color: #b70610;

	text-align: center;

	position: relative;

}

.countdown-box .box div span:after {

	content: "";

	position: absolute;

	top: 50%;

	left: 20%;

	width: 60%;

	margin-top: -0.008rem;

	height: 0.02rem;

	background: #752c30;

}

.countdown-box .box i {

	display: inline-block;

	vertical-align: bottom;

	font-style: normal;

	font-weight: bold;

	font-size: 0.24rem;

	line-height: 0.6rem;

	padding-left: 0.13333333rem;

	background-image: -webkit-linear-gradient(bottom, #f5d492, #d5a653, #edc26d);

	color: transparent;

	-webkit-background-clip: text;

}

 @media (max-width:999px) {

/* ========== */































	/* = ZT = */































	/* ========== */































.zt-banner img {

	max-width: 100%;

}

.zt-fixed-right {

	right: 0;

}

.zt-fixed-right ul {

	padding: 0 0.1rem;

}

.zt-fixed-right li a {

	width: 1.4rem;

	font-size: 0.29333333rem;

	height: 0.8rem;

	line-height: 0.8rem;

}

.zt-fixed-right .img {

	width: 1.6rem;

}

.zt-form {

	padding: 0.66666666rem 0;

}

.zt-form .png-01 {

	display: none;

}

.zt-form .png-02 {

	width: 1.6rem;

}

.zt-form .content {

	padding-left: 0;

}

.zt-form .content .tit {

	position: relative;

	top: auto;

	left: auto;

}

.zt-form .content .tit span {

	font-size: 0.45333333rem;

}

.zt-form .content .tit p {

	margin-top: 0.13333333rem;

	font-size: 0.4rem;

}

.zt-form .content .con {

	padding: 0.4rem 0 0;

}

.zt-form .content .con span {

	margin-bottom: 0.4rem;

	width: 100%;

	margin-right: 0%;

}

.zt-form .content .con span:last-child {

	width: 100%;

}

.zt-case {

	padding: 1rem 0;

}

.zt-case:before {

	display: none;

}

.zt-case .png {

	display: none;

}

.zt-theme h2 {

	font-size: 0.5rem;

}

.zt-theme p {

	margin-top: 0.26666666rem;

	font-size: 0.4rem;

	letter-spacing: 0.08rem;

}

.zt-case .tab {

	margin-top: 0.53333333rem;

	text-align: center;

}

.zt-case .tab span {

	width: 21%;

	padding: 0.12rem 0;

}

.zt-case .tab span img {

	width: 0.6rem;

}

.zt-case .tab span em {

	margin-left: 0rem;

	font-size: 0.29333333rem;

}

.zt-case .js-tab-box {

	margin-top: 0.53333333rem;

}

.zt-case .box {

	display: block;

	padding: 0.4rem;

}

.zt-case .box .left {

	width: 100%;

}

.zt-case .box .left .button {

	left: -0.26666666rem;

}

.zt-case .box .left .button:before {

	bottom: -0.22666666rem;

	width: 0.26666666rem;

	height: 0.22666666rem;

}

.zt-case .box .left .more-button {

	width: 3.2rem;

	height: 0.93333333rem;

	line-height: 0.93333333rem;

	font-size: 0.34666666rem;

}

.zt-case .box .left .more-button:after {

	width: 1.06666666rem;

	height: 1.06666666rem;

}

.zt-case .box .right {

	width: 100%;

}

.zt-case .box .right .tit {

	margin-top: 0.4rem;

	font-size: 0.4rem;

}

.zt-case .box .right .des {

	margin-top: 0.33333333rem;

}

.zt-case .box .right .des span {

	font-size: 0.4rem;

	;

}

.zt-case .box .right .des i {

	margin: 0 0.16rem;

	height: 0.26666666rem;

}

.zt-case .box .right .img {

	border: none;

	padding: 0;

}

.zt-case .box .right .img div {

	display: none;

}

.zt-case .box .right .img a {

	width: 60%;

	line-height: 0.8rem;

	border-radius: 0.4rem;

	font-size: 0.4rem;

}

.zt-designer {

	padding: 1rem 0;

}

.zt-designer:before {

	display: none;

}

.zt-designer .zt-theme {

	text-align: center;

}

.zt-designer .png-01, .zt-designer .png-02 {

	display: none;

}

.swiper-zt-designer {

	margin-top: 0;

	padding: 0.6rem 0;

}

.swiper-zt-designer .box {

	padding: 0.3rem;

}

.swiper-zt-designer .box ul {

	width: 65%;

}

.swiper-zt-designer .box li {

	margin-bottom: 0.3rem;

}

.swiper-zt-designer .box li p {

	font-size: 0.26rem;

	line-height: 0.53333333rem;

}

.swiper-zt-designer .box .right-img {

	margin-top: 0;

	width: 35%;

}

.swiper-zt-designer .box .right-img>span {

	display: none

}

.swiper-zt-designer .box .right-img p {

	padding: 0.4rem 0.13333333rem;

	font-size: 0.24rem;

}

.swiper-zt-designer .box .right-img p span {

	font-size: 0.28rem;

}

.swiper-zt-designer .swiper-button-prev, .swiper-zt-designer .swiper-button-next {

	display: none;

}

.swiper-zt-designer .swiper-pagination {

	display: block;

}

.zt-style {

	padding: 0.8rem 0;

}

.zt-style .png-01, .zt-style .png-02 {

	display: none;

}

.zt-style .zt-theme em {

	font-size: 0.66666666rem;

}

.zt-style .zt-theme h2 {

	margin-top: -0.4rem;

}

.zt-style .content {

	margin: 0.8rem auto 0;

	display: block;

}

.zt-style .content .img {

	width: 100%;

}

.zt-style .content .text {

	width: 100%;

}

.zt-style .content .text .tit {

	padding-bottom: 0.4rem;

	font-size: 0.48rem;

}

.zt-style .content .text .tit:after {

	width: 0.93333333rem;

}

.zt-style .content .text .des {

	margin-top: 0.42rem;

}

.zt-style .content .text .des p {

	font-size: 0.4rem;

	line-height: 0.64rem;

	margin-bottom: 0.26666666rem;

	padding-left: 0.5rem;

}

.zt-style .content .text .des p:before {

	top: 0.25rem;

	left: 0;

	width: 0.14rem;

	height: 0.14rem;

}

.zt-style .content .text .des p span {

	font-size: 0.34rem;

}

.zt-pingjia {

	padding: 1rem 0;

}

.zt-pingjia .png-01 {

	display: none;

}

.zt-pingjia .ny-theme p span {

	font-size: 0.42rem;

}

.zt-pingjia .ny-theme p img {

	width: 0.44rem;

}

.zt-pingjia .con {

	margin-top: 0.78666666rem;

}

.zt-pingjia .more-button {

	width: 3rem;

	line-height: 0.8rem;

	height: 0.8rem;

	border-radius: 0.4rem;

	font-size: 0.34666666rem;

}

.zt-footer {

	padding: 0.8rem 0;

}

.zt-footer .png-01 {

	top: -1rem;

	left: -0.3rem;

	width: 2rem;

}

.zt-footer .tit {

	padding-bottom: 0.53333333rem;

}

.zt-footer .tit img {

	width: 1.06666666rem;

}

.zt-footer .tit span {

	margin: 0 0.13333333rem;

	font-size: 0.44rem;

}

.zt-footer .content {

	display: block;

}

.zt-footer .content .text {

	width: 1000%;

}

.zt-footer .content .text .con {

	margin-bottom: 0.53333333rem;

}

.zt-footer .content .text .con span {

	margin-bottom: 0.4rem;

	font-size: 0.34rem;

}

.zt-footer .content .text .con p {

	font-size: 0.4rem;

	line-height: 0.64rem;

}

.zt-footer .content .img {

	margin-top: 0.66666666rem;

	width: 100%;

}

.zt-copyright {

	padding: 2rem 0 0.53333333rem;

}

.zt-copyright .container {

	display: block;

	font-size: 0.24rem;

	line-height: 0.48rem;

}

.activity-wrap {

	padding-bottom: 2.4rem;

}

}

.fixed-bottom {

	position: fixed;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 3.26666666rem;

	padding-top: 1.30666666rem;

	background-image: url(../images/zt/fixed_bottom.png);

	padding-right: 3.73333333rem;

	text-align: center;

}

.fixed-bottom .button img {

	width: 5.10666666rem;

	position: relative;

}

.fixed-bottom .text {

	color: #FFFFFF;

	font-size: 0.4rem;

	margin-top: 0.26666666rem;

}

.fixed-bottom .button {

	animation: twinkling 2.1s infinite ease-in-out;

	animation-fill-mode: both;

}

 @-webkit-keyframes twinkling {

 0% {

 -webkit-transform:scale(1);

}

 50% {

 -webkit-transform:scale(0.9);

}

 100% {

 -webkit-transform:scale(1);

}

}

 @keyframes twinkling {

 0% {

 -webkit-transform:scale(1);

}

 50% {

 -webkit-transform:scale(0.9);

}

 100% {

 -webkit-transform:scale(1);

}

}

.zt-pop {

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	background: rgba(0,0,0,.5);

	text-align: center;

	z-index: 99999;

}

.zt-pop .content+i {

	display: inline-block;

	vertical-align: middle;

	height: 100%;

}

.zt-pop .content {

	position: relative;

	display: inline-block;

	vertical-align: middle;

	width: 450px;

	height: 530px;

	background-image: url(../images/zt/zt_pop_bg.png);

	background-size: cover;

	padding: 270px 70px 0;

}

.zt-pop .content .in {

	margin-bottom: 10px;

	width: 100%;

	position: relative;

	border-radius: 5px;

	overflow: hidden;

}

.zt-pop .content .in i {

	position: absolute;

	top: 0;

	left: 15px;

	font-style: normal;

	line-height: 50px;

}

.zt-pop .content .in input {

	width: 100%;

	height: 44px;

	line-height: 24px;

	padding: 15px 40px 15px 30px;

	border: 1px solid #E8E8E8;

}

.zt-pop .content .in span {

	position: absolute;

	top: 50%;

	right: 10px;

	margin-top: -15px;

	width: 30px;

	height: 30px;

	background-size: cover;

}

.zt-pop .content .in .ico-yuyue-01 {

	background-image: url(../images/ico_yuyue_01.png);

}

.zt-pop .content .in .ico-yuyue-02 {

	background-image: url(../images/ico_yuyue_02.png);

}

.zt-pop .content .tip {

	color: #FFFFFF;

	margin-top: 13px;

	line-height: 22px;

	letter-spacing: 1px;

}

.zt-pop .content .button-div {

	margin-top: 15px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-justify-content: space-between;

}

.zt-pop .content .button-div input {

	width: 48%;

	line-height: 48px;

	text-align: center;

	font-size: 16px;

	border-radius: 5px;

	color: #d91a14;

}

.zt-pop .content .button-div input:nth-child(1) {

	background: #f8a7a3;

}

.zt-pop .content .button-div input:nth-child(2) {

	background-image: linear-gradient(90deg, #f8ffed, #f2ebb4);

}

.zt-sucess {

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	background: rgba(0,0,0,.5);

	text-align: center;

	z-index: 99999;

}

.zt-sucess .content+i {

	display: inline-block;

	vertical-align: middle;

	height: 100%;

}

.zt-sucess .content {

	position: relative;

	display: inline-block;

	vertical-align: middle;

	width: 480px;

	height: 448px;

	background-image: url(../images/zt/zt_pop_sucess.png);

	background-size: cover;

	padding: 155px 100px 0;

}

.zt-sucess .content p {

	line-height: 30px;

	color: #787775;

}

.zt-sucess .content .close {

	margin-top: 25px;

	text-align: center;

	padding: 0 50px;

	border-radius: 18px;

	line-height: 36px;

	overflow: hidden;

	font-size: 16px;

	color: #FFFFFF;

	background-image: linear-gradient(180deg, #f8413c, #e01716);

}

 @media (max-width:999px) {

.zt-pop .content {

	width: 10rem;

	height: 11.46666666rem;

	background-image: url(../images/zt/zt_pop_mb.png);

	padding: 6.2rem 1.46666666rem 0;

}

.zt-pop .content .in {

	margin-bottom: 0.2rem;

}

.zt-pop .content .in i {

	font-size: 0.26666666rem;

	left: 0.2rem;

	line-height: 0.93333333rem;

}

.zt-pop .content .in input {

	height: 0.93333333rem;

	line-height: 0.53333333rem;

	padding: 0.2rem 0.8rem 0.2rem 0.44rem;

	font-size: 0.26666666rem;

}

.zt-pop .content .in span {

	right: 0.13333333rem;

	margin-top: -0.26666666rem;

	width: 0.53333333rem;

	height: 0.53333333rem;

}

.zt-pop .content .tip {

	margin-top: 0.2rem;

	line-height: 0.4rem;

	font-size: 0.26666666rem;

	letter-spacing: 0.01333333rem;

}

.zt-pop .content .button-div {

	margin-top: 0.3rem;

}

.zt-pop .content .button-div input {

	line-height: 0.93333333rem;

	font-size: 0.4rem;

}

.zt-sucess .content {

	width: 10rem;

	height: 9.33333333rem;

	background-image: url(../images/zt/zt_pop_sucess_mb.png);

	padding: 3.3rem 2rem 0;

}

.zt-sucess .content p {

	line-height: 0.66666666rem;

	font-size: 0.4rem;

}

.zt-sucess .content .close {

	margin-top: 0.6rem;

	padding: 0 0.9rem;

	border-radius: 0.33333333rem;

	line-height: 0.66666666rem;

	font-size: 0.4rem;

}

}