@charset "utf-8";

* {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.wrapper.pd {
	padding-top: 110px;
}
.mxwd {
	max-width: 1920px;
	margin: 0 auto;
}
.pic.mobile {
	display: none!important;
}

/* company */
.company .subnav {
	padding: 20px 0;
}
.company .subnav ul li {
	float: left;
	width: 8.33333333%;
}
.company .subnav ul li a {
	display: block;
	height: 72px;
	line-height: 72px;
	overflow: hidden;
	font-size: 20px;
	text-align: center;
}
.company .subnav ul li.active a {
	font-weight: bold;
	color: #fff;
	background-color: #f33142;
}
.company .banner {
	position: relative;
}
.company .banner .pic {
	display: block;
	width: 100%;
}
.company .banner .desc {
	position: absolute;
	right: 184px;
	bottom: 56px;
	color: #fff;
	text-align: right;
}
.company .banner .desc h3 {
	margin: 0 0 20px;
	font-size: 60px;
}
.company .banner .desc h4 {
	margin: 0;
	font-size: 50px;
}
.company .banner .address {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 175px;
	line-height: 175px;
	overflow: hidden;
	font-size: 75px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: rgba(52, 52, 52, 0.6);
}
.company .box {
	padding: 18px 0;
	background-color: #F2F2F2;
}
.company .box .desc {
	padding-top: 25px;
	color: #333;
}
.company .box .desc h3 {
	padding: 15px 0;
	margin: 0 0 46px;
	border-bottom: 4px solid #363636;
	font-size: 32px;
}
.company .box .desc h3 span {
	margin-left: 20px;
	font-weight: normal;
}
.company .box .desc p {
	line-height: 34px;
	margin: 0 0 88px;
	font-size: 24px;
}
.company .box .desc ul {
	padding-right: 130px;
}
.company .box .desc ul li {
	line-height: 32px;
	padding-left: 47px;
	font-size: 20px;
	background-repeat: no-repeat;
	background-position: left 6px;
}
.company .box .desc ul li:first-child {
	background-image: url(../images/icon_company01.png);
}
.company .box .desc ul li:nth-child(2) {
	background-image: url(../images/icon_company02.png);
}
.company .box .desc ul li:nth-child(3) {
	background-image: url(../images/icon_company03.png);
}
.company .box .desc ul li:nth-child(4) {
	background-image: url(../images/icon_company04.png);
}
.company .map .desc {
	width: 34.83870968%;
	margin-right: 106px;
}
/* #map {
	height: 384px;
} */
.company .team {
	padding: 100px 0 0;
}
.company .team .title {
	margin-bottom: 60px;
}
.team-swiper {
	display: none;
}
.team-list {
	position: relative;
	overflow: hidden;
	padding: 40px 0;
	background-color: #F2F2F2;
}
.team-list .btn {
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 130px;
	background-repeat: no-repeat;
	background-position: center center;
}
.team-prev {
	left: 0;
	background-image: url(../images/btn_team_prev.png);
}
.team-next {
	right: 0;
	background-image: url(../images/btn_team_next.png);
}
.team-list ul {
	width: 1300px;
	height: 518px;
	margin: 0 auto;
}
.team-list ul li.roundabout-in-focus {
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.4);
}
.team-list .pic {
	display: block;
	width: 100%;
}

/* companies */
.companies .banner {
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.companies .subnav {
	padding: 10px 0;
}
.companies .subnav ul li {
	float: left;
	width: 8.33333333%;
}
.companies .subnav ul li a {
	display: block;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	font-size: 18px;
	text-align: center;
}
.companies .subnav ul li.active a {
	color: #fff;
	background-color: #f33142;
}
.companies-box {
	padding: 25px 54px 130px;
}
.companies-box .hd {
	margin-bottom: 34px;
}
.companies-box .hd h3 {
	margin: 0;
	font-size: 48px;
	color: #adadad;
}
.companies-box .hd h4 {
	margin: -20px 0 0 46px;
	font-size: 36px;
	color: #000;
}
.companies-box .photo {
	margin: 0 -6px 50px 0;
}
.companies-box .photo .col-6 {
	padding-right: 6px;
	padding-bottom:6px;
}
.companies-box .flexbox {
	display: flex;
}
.companies-box .flexbox-item {
	flex: 1;
}
.companies-box .desc {
	width: 604px;
	flex-direction: column;
	justify-content: center;
	padding: 0 70px;
	color: #fff;
	text-align: left;
	background-color: #000;
}
.companies-box .desc h3 {
	margin: 0 0 65px;
	font-size: 48px;
}
.companies-box .desc p {
	line-height: 40px;
	margin: 0;
	font-size: 24px;
}
.companies-box .words {
	line-height: 36px;
	padding: 36px 72px;
	margin-bottom: 30px;
	font-size: 24px;
	color: #fff;
	background-color: #f33142;
}
.companies-box .map {
	height: 755px;
}

/* product */
.product {
	padding-bottom: 70px;
	background-color: #fff;
	margin-bottom: 60px;
}
.product-banner .swiper-slide a {
	display: block;
}
.product-banner .swiper-slide .pic {
	display: block;
	width: 100%;
}
.product-banner .product-pagination {
	bottom: 33px;
}
.product-banner .swiper-pagination-bullet {
	background-color: #494949;
}
.product-subnav {
	border-bottom: 1px solid #C2C2C2;
}
.product-subnav ul li {
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #C2C2C2;
}
.product-subnav ul li:last-child {
	border-right: 0;
}
.product-subnav ul li a {
	display: block;
	height: 78px;
	line-height: 78px;
	overflow: hidden;
	font-size: 20px;
	color: #333;
	text-align: center;
}
.product-subnav ul li.active {
	border-top-color: #f33142;
}
.product-subnav ul li.active a {
	color: #fff;
	background-color: #f33142;
}
.product .box {
	padding: 70px 0 60px;
}
.product-introduction .pic {
	display: block;
	margin: 0 auto;
}
.product-introduction .title {
	padding: 36px 0 40px;
}
.product-introduction .desc {
	width: 1290px;
	line-height: 36px;
	font-size: 20px;
	color: #464646;
	text-align: center;
	margin: 0 auto;
}
.product-introduction .desc p {
	margin: 0;
}
.product .product-advantage,
.product-advantage .title h3 span {
	background-color: #F6F6F6;
}
.product-advantage .title {
	margin-bottom: 38px;
}
.advantage-list {
	width: 1324px;
	margin: 0 auto;
}
.advantage-list ul li {
	text-align: center;
}
.advantage-list ul li .pic {
	display: block;
	margin: 0 auto 32px;
}
.advantage-list ul li p {
	margin: 0;
	font-size: 22px;
	color: #333;
}
.product-process .title,
.product-case .title,
.product-customers .title,
.institute-team .title,
.institute-operating .title,
.institute-research .title {
	margin-bottom: 70px;
}
.product-process .pic {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.process-list {
	display: none;
}
.case-list {
	overflow: hidden;
}
.case-list ul li a {
	position: relative;
	display: block;
}
.case-list ul li a .pic {
	display: block;
	width: 100%;
}
.case-list ul li a .desc {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	background-color: rgba(241, 75, 88, 0.55);
	visibility: hidden;
	opacity: 0;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.case-list ul li a:hover .desc {
	visibility: visible;
	opacity: 1;
}
.case-list ul li a .desc .item {
	display: inline-block;
	padding: 14px 12px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #fff;
	color: #fff;
}
.case-list ul li a .desc .item p {
	margin: 0 0 18px;
	font-size: 18px;
}
.case-list ul li a .desc .item h3 {
	margin: 0;
	font-size: 24px;
	font-weight: normal;
}
.customers-list {
	position: relative;
	padding: 0 282px;
}
.customers-swiper {
	background-color: #fff;
}
.customers-swiper .swiper-slide a {
	display: block;
	padding: 10px 0;
}
.customers-swiper .swiper-slide img {
	display: block;
	max-width: 80%;
	max-height: 50%;
	margin: 0 auto;
}
.customers-next,
.customers-prev {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 230px;
	height: auto;
	background-repeat: no-repeat;
	background-position: center center;
}
.customers-prev {
	left: 0;
	background-image: url(../images/btn_product_customers_prev.png);
}
.customers-next {
	right: 0;
	background-image: url(../images/btn_product_customers_next.png);
}
.product-link {
	text-align: center;
}
.product-link .btn {
	display: inline-block;
	padding: 0 65px;
	margin: 0 auto;
	border-radius: 80px;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	-ms-border-radius: 80px;
	-o-border-radius: 80px;
	background-color: #f33142;
	box-shadow: 0	0	25px rgba(255, 152, 161, 0.4);
}
.product-link .btn span {
	display: block;
	height: 80px;
	line-height: 80px;
	overflow: hidden;
	padding: 0 33px 0 59px;
	font-size: 20px;
	color: #fff;
	background: url(../images/icon_link01.png) no-repeat left center;
}
.institute .product-introduction .desc {
	width: 1520px;
	text-align: left;
}
.institute-team-list {
	overflow: hidden;
	padding: 0 185px;
}
.institute-team-list ul {
	margin: 0 -13px 0 0;
}
.institute-team-list ul li {
	float: left;
	width: 20%;
	padding-right: 13px;
}
.institute-team-list ul li a {
	display: block;
	border: 1px solid #ccc;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.institute-team-list ul li a .pic {
	display: block;
	width: 100%;
}
.institute-team-list ul li a .desc {
	position: relative;
	padding: 24px 0 24px 19px;
}
.institute-team-list ul li a .desc::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 1px;
	background-color: #CCC;
	visibility: visible;
	opacity: 1;
	content: '';
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.institute-team-list ul li a .desc h3 {
	margin: 0 0 16px;
	font-size: 20px;
	color: #222;
}
.institute-team-list ul li a .desc p {
	margin: 0;
	font-size: 20px;
	color: #888;
}
.institute-team-list ul li a:hover {
	border-color: #f33142;
}
.institute-team-list ul li a:hover .desc::before {
	visibility: hidden;
	opacity: 0;
}
.operating-list {
	height: 823px;
	overflow: hidden;
	padding-top: 124px;
	background: url(../images/bg_operating.jpg) no-repeat center;
	background-size: cover;
}
.operating-list .list {
	width: 650px;
	margin: 0 auto 100px;
	background: url(../images/bg_operating_ul.png) no-repeat center 50px;
}
.operating-list ul:first-child {
	margin-bottom: 10px;
}
.operating-list ul:nth-child(2) {
	margin-bottom: 100px;
}
.operating-list ul li {
	position: relative;
	white-space: nowrap;
}
.operating-list ul:nth-child(2) li:first-child {
	float: left;
	margin-left: 35px;
}
.operating-list ul:nth-child(2) li:nth-child(2) {
	float: right;
	margin-right: 35px;
}
.operating-list ul:nth-child(3) li:first-child {
	float: left;
}
.operating-list ul:nth-child(3) li:nth-child(2) {
	float: right;
}
.operating-list ul li .hd::before {
	display: block;
	height: 86px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	content: '';
}
.operating-list ul:first-child li .hd::before {
	background-image: url(../images/icon_operating01.png);
}
.operating-list ul:nth-child(2) li:first-child .hd::before {
	background-image: url(../images/icon_operating02.png);
}
.operating-list ul:nth-child(2) li:nth-child(2) .hd::before {
	background-image: url(../images/icon_operating03.png);
}
.operating-list ul:nth-child(3) li:first-child .hd::before {
	background-image: url(../images/icon_operating04.png);
}
.operating-list ul:nth-child(3) li:nth-child(2) .hd::before {
	background-image: url(../images/icon_operating05.png);
}
.operating-list ul:first-child li.active .hd::before {
	background-image: url(../images/icon_operating01_hv.png);
}
.operating-list ul:nth-child(2) li.active:first-child .hd::before {
	background-image: url(../images/icon_operating02_hv.png);
}
.operating-list ul:nth-child(2) li.active:nth-child(2) .hd::before {
	background-image: url(../images/icon_operating03_hv.png);
}
.operating-list ul:nth-child(3) li.active:first-child .hd::before {
	background-image: url(../images/icon_operating04_hv.png);
}
.operating-list ul:nth-child(3) li.active:nth-child(2) .hd::before {
	background-image: url(../images/icon_operating05_hv.png);
}
.operating-list ul li .hd h3 {
	margin: 0;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	text-align: center;
}
.operating-list ul li.active .hd h3 {
	color: #f33142;
}
.operating-list ul li .desc {
	position: absolute;
}
.operating-list ul:first-child li .desc {
	right: 0;
	left: 0;
	bottom: 100%;
	text-align: center;
}
.operating-list ul:nth-child(2) li:first-child .desc,
.operating-list ul:nth-child(3) li:first-child .desc {
	right: 100%;
	bottom: 0;
	margin-right: 48px;
}
.operating-list ul:nth-child(2) li:nth-child(2) .desc,
.operating-list ul:nth-child(3) li:nth-child(2) .desc {
	left: 100%;
	bottom: 0;
	margin-left: 48px;
}
.operating-list ul li .desc p {
	line-height: 28px;
	margin: 0;
	font-size: 16px;
	color: #C2C2C2;
}
.operating-list .intro {
	line-height: 38px;
	padding: 0 202px;
	font-size: 20px;
	color: #fff;
	text-align: center;
}
.research-list {
	overflow: hidden;
	padding: 0 185px;
}
.research-list ul li .item {
	position: relative;
	display: block;
}
.research-list ul li .item .pic {
	display: block;
	width: 100%;
}
.research-list ul li .item .desc {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 72px;
	padding: 14px 25px;
	color: #fff;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.55);
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
}
.research-list ul li .item .desc h3 {
	display: inline-block;
	padding: 10px 5px;
	margin: 0 0 25px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #fff;
	font-size: 22px;
}
.research-list ul li .item .desc p {
	line-height: 32px;
	margin: 0;
	font-size: 16px;
	text-align: left;
}
.research-list ul li.active .item .desc {
	height: 100%;
}

.business {
	background-color: #fff;
}
.business-banner {
	position: relative;
	height: 100vh;
	background: url(../images/business_banner.jpg) no-repeat center;
	background-size: cover;
}
.business-banner .video {
	height: 100%;
}
/* .business-banner .video video {
	position: relative;
	z-index: 3;
	display: block;
	width: 100%;
} */
.business-banner .video video {
	vertical-align: bottom;
	object-fit: cover;
}
.business-banner .pic {
	display: none;
	width: 100%;
}
.business-banner .item {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 9;
	display: block;
	width: 33.33333333%;
	padding: 0 10px;
	color: #FEFEFE;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.35);
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.business-banner .item.active {
	color: #f14957;
	background-color: transparent;
}
.business-banner .item:nth-last-child(2) {
	left: 33.33333333%;
}
.business-banner .item:nth-last-child(1) {
	right: 0;
}
.business-banner .item img {
	display: block;
	margin: 0 auto;
	background-color: rgba(241, 75, 88, 0.5);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.business-banner .item .bigzm {
	width:240px;
	height:240px;
	line-height:240px;
	font-size: 150px;
	font-weight: bold;
	font-family: Arial,SimHei;
	color:#fff;
	display: block;
	margin: 0 auto;
	background-color: rgba(241, 75, 88, 0.5);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.business-banner .item h3 {
	margin: 73px 0 34px;
	font-size: 30px;
	font-weight: normal;
}
.business-banner .item p {
	line-height: 26px;
	margin: 0;
	font-size: 15px;
}
.business-subnav a {
	display: block;
	height: 160px;
	line-height: 40px;
	overflow: hidden;
	padding-top: 40px;
	font-size: 30px;
	color: #444;
	text-align: center;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.business-subnav a p {
	margin: 0;
}
.business-subnav a.active,
.business-subnav a:hover {
	color: #fffefe;
	background-color: #f33142;
}
.business .box {
	position: relative;
	overflow: hidden;
}
.business .box .pic {
	display: block;
	width: 100%;
}
.business .box .item {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0 6.51041667%;
}
.business .box .item .desc {
	color: #444;
}
.business .box.white .item .desc {
	color: #fff;
}
.business .box .item .desc h3 {
	line-height: 60px;
	margin: 0;
	font-size: 60px;
}
.business .box .item .desc h3 em {
	display: none;
	font-style: normal;
}
.business .box .item .desc h4 {
	position: relative;
	padding-bottom: 28px;
	margin: 15px 0;
	font-size: 48px;
	font-weight: normal;
}
.business .box .item .desc h4::after {
	position: absolute;
	right: 10px;
	bottom: 0;
	left: 0;
	display: block;
	/* width: 550px; */
	height: 1px;
	background-color: #f33142;
	content: '';
}
.business .box .item .desc p {
	line-height: 38px;
	margin: 0;
	font-size: 22px;
}
.business-case {
	padding: 90px 0 184px;
	background-color: #fff;
}
.business-case .title {
	margin-bottom: 47px;
}
.business-case-list {
	overflow: hidden;
}
.business-case-list ul {
	margin: 0 -3px -3px 0;
}
.business-case-list ul li {
	padding: 0 3px 3px 0;
}
.business-case-list ul li a {
	position: relative;
	display: block;
	overflow: hidden;
}
.business-case-list ul li a .pic {
	display: block;
	width: 100%;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.business-case-list ul li a:hover .pic {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.business-case-list ul li a .desc {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	background-color: rgba(241, 73, 87, 0.75);
	visibility: hidden;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	opacity: 0;
}
.business-case-list ul li a:hover .desc {
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	opacity: 1;
}
.business-case-list ul li a .desc p {
	margin: 0;
	font-size: 18px;
	color: #fff;
}
.business-case-list ul li.more a {
	background-color: #f33142;
}
.business-case-list ul li.more a .pic {
	visibility: hidden;
}
.business-case-list ul li.more a .desc {
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	opacity: 1;
}
.business-case-list ul li.more a .desc p {
	width: 120px;
	height: 120px;
	line-height: 114px;
	overflow: hidden;
	margin: 0 auto;
	border: 3px solid #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.case .business-case {
	padding-top: 3px
}
.case-banner {
	position: relative;
}
.case-banner .pic {
	display: block;
	width: 100%;
}
.case-banner .desc {
	position: absolute;
	top: 110px;
	right: 0;
	bottom: 0;
	left: 0;
	padding-left: 9.89583333%;
	color: #c9c9c9;
}
.case-banner .desc h3 {
	margin: 0 0 20px;
	font-size: 72px;
}
.case-banner .desc p {
	margin: 0;
	font-size: 48px;
}
.case-subnav {
	background-color: #fff;
}
.case-subnav a {
	position: relative;
	width: 8.33333333%;
	display: block;
	height: 93px;
	line-height: 93px;
	overflow: hidden;
	font-size: 18px;
	color: #444;
	text-align: center;
}
.case-subnav a::after {
	position: absolute;
	right: 10px;
	bottom: 0;
	left: 10px;
	height: 0;
	background-color: #f33142;
	content: '';
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.case-subnav a.active,
.case-subnav a:hover {
	color: #f33142;
}
.case-subnav a.active::after,
.case-subnav a:hover::after {
	height: 7px;
}

.mode .box .item .desc.pull-left {
	text-align: right;
}
.mode .box .item .desc.pull-left h4::after {
	left: 10px;
	right: 0;
}
.mode .case-banner .desc {
	color: #fff;
}
.mode .case-banner .desc h3 {
	font-size: 65px;
	font-weight: normal;
}
.mode .case-banner .desc h4 {
	margin: 0 0 28px;
	font-size: 124px;
	font-weight: normal;
}
.mode .case-banner .desc h5 {
	margin: 24px 0 0;
	font-size: 39px;
	font-weight: normal;
}
.mode .case-banner .desc h5 span {
	padding: 0 68px;
	border-right: 1px solid #fff;
}
.mode .case-banner .desc h5 span:first-child {
	padding-left: 0;
}
.mode .case-banner .desc h5 span:last-child {
	padding-right: 0;
	border: 0;
}
.mode .case-banner .desc p {
	font-size: 23px;
}
.business.mode .box .item .desc {
	overflow: hidden;
	color: #000;
}
.business.mode .box .item .desc h4 {
	font-size: 60px;
}

.questionnaire {
	padding: 455px 0 60px;
	background: url(../images/questionnaire01.jpg) no-repeat center top;
	background-size: 100%;
}
.questionnaire .box {
	width: 1200px;
	padding: 50px 50px 57px;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0 0 23px rgba(0, 0, 0, 0.16);
	margin-bottom: 60px;
}
.questionnaire .box .form {
	padding: 64px 0;
	border: 4px solid #f33142;
}
.questionnaire .box .form .hd {
	text-align: center;
}
.questionnaire .box .form .hd h3 {
	margin: 0 0 31px;
	font-size: 32px;
	font-weight: bold;
	color: #000;
}
.questionnaire .box .form .hd h4 {
	position: relative;
	display: inline-block;
	padding: 0 100px;
	margin: 0;
	font-size: 15px;
	font-weight: normal;
	color: #686868;
}
.questionnaire .box .form .hd h4::before,
.questionnaire .box .form .hd h4::after {
	position: absolute;
	top: 50%;
	display: block;
	width: 50%;
	height: 2px;
	margin-top: -1px;
	background-color: #aaa;
	content: '';
}
.questionnaire .box .form .hd h4::before {
	left: 0;
}
.questionnaire .box .form .hd h4::after {
	right: 0;
}
.questionnaire .box .form .hd h4 p {
	position: relative;
	z-index: 3;
	line-height: 16px;
	padding: 0 12px;
	background-color: #fff;
}
.questionnaire .box .form .hd h4 p span {
	vertical-align: middle;
}
.questionnaire .box .form .hd h4 p em {
	margin: 0 5px;
	font-size: 20px;
	font-style: normal;
	color: #ff0000;
	vertical-align: middle;
}
.questionnaire .box .form .bd {
	padding: 50px 40px 0;
}
.form-group {
	position: relative;
	padding: 0 5px 0 26px;
	margin-bottom: 30px;
}
.form-group ins {
	position: absolute;
	top: 15px;
	left: 0;
	font-size: 20px;
	color: #ff0000;
	text-decoration: none;
}
.form-group h3 {
	line-height: 54px;
	margin: 0 0 20px;
	font-size: 26px;
	font-weight: normal;
	color: #000;
}
.form-control {
	text-align: left;
}
.form-control input[type=text] {
	display: block;
	width: 100%;
	height: 50px;
	padding-left: 20px;
	border: 2px solid #A0A0A0;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	font-size: 16px;
}
.form-control input[type=radio],
.form-control input[type=checkbox] {
	display: none;
}
.form-control .radiobox,
.form-control .checkbox {
	display: inline-block;
}
.form-control label {
	position: relative;
	display: block;
	line-height: 42px;
	padding-left: 37px;
	/*margin-right: 96px;*/
	font-size: 24px;
	color: #000;
	cursor: pointer;
}
.questionnaire .form-control .radiobox{width:48%;}
.questionnaire .form-control .checkbox{width:33%;}
.questionnaire .col-f4 .radiobox,.questionnaire .col-f4 .checkbox{width:33%;}
.form-control label::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 17px;
	height: 17px;
	border: 4px solid #343434;
	content: '';
	transition: all .2s;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.form-control input:checked ~ label::before {
	border-color: #f33142;
	background-color: #f33142;
}
.form-control .radiobox label::before {
	border-radius: 50%;
}
.questionnaire .box .form .bd .ctt input {
	padding-left: 50px;
	border-color: #EEEEEE;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #EEEEEE;
	background-size: auto 100%;
}
.questionnaire .box .form .bd .ctt input.gs {
	background-image: url(../images/icon_gs.png);
}
.questionnaire .box .form .bd .ctt input.gw {
	background-image: url(../images/icon_gw.png);
}
.questionnaire .box .form .bd .ctt input.xm {
	background-image: url(../images/icon_xm.png);
}
.questionnaire .box .form .bd .ctt input.sj {
	background-image: url(../images/icon_sj.png);
}
.form .btn-submit {
	display: block;
	width: 190px;
	height: 60px;
	margin: 38px auto 0;
	border: 0;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-ms-border-radius: 60px;
	-o-border-radius: 60px;
	font-size: 26px;
	font-weight: normal;
	color: #fff;
	background-color: #f33142;
}

.zdb-subnav a {
	display: block;
	height: 100px;
	line-height: 100px;
	font-size: 27px;
	text-align: center;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.zdb-subnav a:hover,
.zdb-subnav a.active {
	color: #fff;
	background-color: #f33142;
}
.zhiduobang .box {
	padding: 100px 0 0;
	background-color: #fff;
}
.zdb-daka .title {
	margin-bottom: 42px;
}
.daka-list .swiper-slide a {
	position: relative;
	display: block;
	overflow: hidden;
}
.daka-list .swiper-slide a::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-color: #000;
	visibility: hidden;
	opacity: 0;
	content: '';
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.daka-list .swiper-slide a:hover::before {
	visibility: visible;
	opacity: 0.7;
}
.daka-list .swiper-slide a .pic {
	display: block;
	width: 100%;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.daka-list .swiper-slide a:hover .pic {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.daka-list .swiper-slide a .desc {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 0 41px 30px;
	color: #fff;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
}
.daka-list .swiper-slide a:hover .desc {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.daka-list .swiper-slide a .desc h3 {
	margin: 0;
	font-size: 43px;
}
.daka-list .swiper-slide a .desc h4 {
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	margin: 10px 0 30px;
	border-bottom: 1px solid #fff;
	font-weight: normal;
}
.daka-list .swiper-slide a .desc p {
	position: relative;
	line-height: 16px;
	padding-left: 26px;
	margin: 0;
}
.daka-list .swiper-slide a .desc p::before {
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	width: 12px;
	height: 12px;
	background-color: #fff;
	content: '';
}
.daka-pagination {
	position: static;
	margin-top: 30px;
}
.daka-pagination .swiper-pagination-bullet {
	width: 100px;
	height: 8px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	background-color: #ccc;
}
.zdb-popularity .title {
	margin-bottom: 39px;
}
.popularity-list {
	padding: 0 185px;
}
.popularity-list ul li {
	margin-bottom: 30px;
}
.popularity-list ul li a {
	display: block;
	padding-right: 38px;
	color: #4d4d4d;
	background-color: #f2f2f2;
}
.popularity-list ul li a .pic {
	width: 360px;
	overflow: hidden;
	margin-right: 40px;
}
.popularity-list ul li a .pic img {
	display: block;
	width: 100%;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.popularity-list ul li a:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.popularity-list ul li a .desc {
	overflow: hidden;
}
.popularity-list ul li a .desc .hd {
	padding: 54px 0 20px;
	margin-bottom: 40px;
	border-bottom: 2px solid #ccc;
}
.popularity-list ul li a .desc .hd ins {
	margin-right: 60px;
	font-size: 32px;
	color: #808080;
	text-align: center;
	text-decoration: none;
}
.popularity-list ul li a .desc .hd ins strong {
	display: block;
	margin: 20px 0 0;
	font-size: 60px;
}
.popularity-list ul li a .desc .hd .price {
	font-size: 18px;
}
.popularity-list ul li a .desc .hd .price p {
	line-height: 40px;
	margin: 0;
}
.vote {
	display: inline-block;
	width: 110px;
	background: url(../images/icon_vote01.png) no-repeat;
	background-size: auto 100%;
}
.vote .star {
	display: block;
	height: 16px;
	background: url(../images/icon_vote02.png) no-repeat #F2F2F2;
	background-size: auto 100%;
}
.popularity-list ul li a .desc .hd h3 {
	margin: 59px 0 0;
	font-size: 40px;
	font-weight: normal;
}
.popularity-list ul li a .desc .hd h3 span {
	margin-left: 13px;
	font-size: 30px;
	color: #666;
}
.popularity-list ul li a .desc .bd {
	position: relative;
	line-height: 16px;
	padding-left: 32px;
}
.popularity-list ul li a .desc .bd::before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 12px;
	height: 12px;
	background-color: #808080;
	content: '';
}
.zdb-process .title {
	margin-bottom: 78px;
}
.zdb-process-list {
	padding: 0 155px;
}
.zdb-process-list ul li {
	position: relative;
	width: 12.5%;
	padding-bottom: 65px;
	font-size: 18px;
	color: #464646;
	text-align: center;
}
.zdb-process-list ul li:not(:last-child)::after {
	position: absolute;
	top: 110px;
	right: -28px;
	display: block;
	width: 55px;
	height: 13px;
	background: url(../images/icon_zdb_process.png) no-repeat;
	background-size: 100% 100%;
	content: '';
}
.zdb-process-list ul li .pic {
	display: block;
	margin: 0 auto;
}
.zdb-process-list ul li p {
	position: absolute;
	top: 160px;
	left: 50%;
	line-height: 20px;
	margin: 0;
	white-space: nowrap;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.zdb-process-list.zhk ul li {
	width: 14.28571428%;
}
.zdb-designer .title {
	margin-bottom: 70px;
}
.designer-sort {
	margin-bottom: 80px;
}
.designer-sort ul li {
	position: relative;
	width: 16.66666666%;
}
.designer-sort ul li>a {
	display: block;
	border: 1px solid #e5e5e5;
	color: #343434;
	text-align: center;
	background-color: #f2f2f2;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.designer-sort ul li.active>a {
	color: #f33142;
	background-color: #fff;
}
.designer-sort ul li>a:hover,
.designer-sort ul li>a.active {
	color: #f33142;
	background-color: #fff;
}
.designer-sort ul li>a.more span {
	padding-right: 31px;
	background: url(../images/icon_sort_arrow01.png) no-repeat right center;
}
.designer-sort ul li>a.more.active span,
.designer-sort ul li>a.more:hover span {
	background-image: url(../images/icon_sort_arrow02.png);
}
.designer-sort ul li>a span {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	font-size: 22px;
}
.designer-sort ul li .sub {
	position: absolute;
	right: 0;
	left: 0;
	z-index: 3;
	display: none;
	padding: 20px 0 0 20px;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #e5e5e5;
	background-color: #fff;
}
.designer-sort ul li .sub a {
	display: inline-block;
	margin: 0 20px 20px 0;
	font-size: 14px;
	color: #4d4d4d;
}
.designer-sort ul li .sub a:hover,
.designer-sort ul li .sub a.active {
	color: #f33142;
}
.designer-sort ul li.full .sub {
	padding-left: 0;
}
.designer-sort ul li.full .sub a {
	display: block;
	margin: 0 0 20px;
	text-align: center;
}
.designer-sort.zhk ul li {
	width: 33.33333333%;
}
.designer-list {
	overflow: hidden;
}
.designer-list ul li {
	padding: 0 26px 40px 0;
}
.designer-list ul li a {
	display: block;
	background-color: #f2f2f2;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.designer-list ul li a:hover {
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}
.designer-list ul li a .pic {
	display: block;
	width: 100%;
}
.designer-list ul li a .desc {
	padding: 30px 38px;
	color: #666;
}
.designer-list ul li a .desc h3 {
	margin: 0;
	font-size: 26px;
	font-weight: normal;
}
.designer-list ul li a .desc h3 span {
	font-size: 12px;
}
.designer-list ul li a .desc h3 .vote {
	width: 83px;
	margin-left: 9px;
}
.designer-list ul li a .desc h3 .vote .star {
	height: 12px;
}
.designer-list ul li a .desc h4 {
	margin: 18px 0 26px;
	font-size: 16px;
	font-weight: normal;
	color: #4d4d4d;
}
.designer-list ul li a .desc .ft {
	line-height: 46px;
	border-top: 1px dashed #a0a0a0;
	font-size: 16px;
}
.designer-list ul li a .desc .ft .location{
	padding-left: 17px;
	background: url(../images/icon_designer_location.png) no-repeat left center;
}
.designer-list ul li a .desc .ft p{
	margin: 0;
	text-align: center;
}
.designer-list ul li a .desc .ft .score {
	font-size: 12px;
}
.designer-list ul li a .desc .ft .score .vote {
	width: 83px;
	margin-left: 8px;
}
.designer-list ul li a .desc .ft .score .vote .star {
	height: 12px;
}
.recommend-list {
	overflow: hidden;
}
.recommend-list ul li a {
	position: relative;
	display: block;
	overflow: hidden;
}
.recommend-list ul li a::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	visibility: hidden;
	background-color: #000;
	opacity: 0;
	content: '';
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.recommend-list ul li a:hover::before {
	visibility: visible;
	opacity: 0.6;
}
.recommend-list ul li a .pic {
	display: block;
	width: 100%;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.recommend-list ul li a:hover .pic {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.recommend-list ul li a .desc {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
	padding: 0 30px 30px;
	color: #fff;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
}
.recommend-list ul li a:hover .desc {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.recommend-list ul li a .desc h3 {
	margin: 0;
	font-size: 31px;
	font-weight: normal;
}
.recommend-list ul li a .desc p {
	margin: 23px 0 0;
	font-size: 16px;
}
.recommend-list ul li a .desc p:last-child {
	margin-top: 16px;
}
.recommend-list ul li a .desc p span {
	font-size: 21px;
}

.designer {
	padding-bottom: 90px;
	background-color: #fff;
}
.designer-intro {
	padding: 120px 20px 0;
	margin-bottom: 164px;
}
.designer-intro .title {
	margin-bottom: 127px;
}
.designer-intro .pic {
	display: block;
	width: 775px;
	margin-left: 124px;
}
.designer-intro .desc {
	overflow: hidden;
	padding-bottom: 31px;
	border-bottom: 1px solid #333;
	color: #333;
}
.designer-intro .desc .hd {
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	margin: 0 0 50px;
	font-size: 42px;
}
.designer-intro .desc .hd small {
	display: inline-block;
	line-height: 24px;
	padding: 0 5px;
	margin-left: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	font-size: 14px;
	color: #fff;
	background-color: #f33142;
}
.designer-intro .desc .hd span {
	margin-left: 40px;
	font-size: 20px;
	color: #808080;
}
.designer-intro .desc .hd .rqzs {
	font-size: 20px;
	color: #666;
}
.designer-intro .desc .hd .rqzs .vote {
	margin-left: 16px;
}
.designer-intro .desc .hd .rqzs .vote .star {
	background-color: #fff;
}
.designer-intro .desc .bd p {
	position: relative;
	line-height: 28px;
	padding: 15px 0 15px 26px;
	margin: 0;
	font-size: 18px;
}
.designer-intro .desc .bd p::before {
	position: absolute;
	top: 24px;
	left: 0;
	width: 12px;
	height: 12px;
	background-color: #f33142;
	content: '';
}
.designer-intro .desc .ft {
	margin-top: 146px;
	font-size: 26px;
}
.designer-intro .desc .ft span {
	margin-left: 18px;
	font-size: 32px;
	color: #f33142;
}
.designer-intro .desc .ft .btn {
	display: block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	font-size: 18px;
	color: #fff;
	text-align: center;
	background-color: #f33142;
}
.designer-pieces {
	padding-top: 100px;
}
.designer-pieces .title {
	margin-bottom: 39px;
}
.pieces-list ul li a {
	position: relative;
	display: block;
	overflow: hidden;
}
.pieces-list ul li a::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	visibility: hidden;
	background-color: #000;
	opacity: 0;
	content: '';
}
.pieces-list ul li a:hover::before {
	visibility: visible;
	opacity: 0.6;
}
.pieces-list ul li a .pic {
	display: block;
	width: 100%;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.pieces-list ul li a:hover .pic {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.pieces-list ul li a .desc {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 0 20px 20px;
	color: #fff;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
}
.pieces-list ul li a:hover .desc {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.pieces-list ul li a .desc h3 {
	margin: 0 0 23px;
	font-size: 30px;
	font-weight: normal;
}
.pieces-list ul li a .desc .icon {
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.pieces-list ul li a .desc .icon img {
	margin-left: 20px;
}
.pieces-list ul li a .desc p {
	margin: 0;
	font-size: 16px;
}

.layer-box {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	display: none;
	padding: 0 10px;
	background-color: rgba(255, 255, 255, 0.8);
}
.design-form {
	width: 500px;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.design-form .hd {
	background-color: #f33142;
}
.design-form .hd .btn-close {
	width: 50px;
	height: 50px;
	line-height: 46px;
	overflow: hidden;
	font-size: 40px;
	color: #fff;
	text-align: center;
}
.design-form .bd {
	padding: 40px;
}
.design-form .bd h3 {
	margin: 0;
	font-size: 22px;
	font-weight: normal;
	color: #333;
}
.design-form .bd .group {
	position: relative;
	margin-top: 30px;
}
.design-form .bd .group.code {
	padding-right: 162px;
}
.design-form .bd .group input {
	display: block;
	width: 100%;
	height: 48px;
	padding: 0 19px;
	border: 1px solid #ccc;
	font-size: 16px;
	color: #808080;
}
.design-form .bd .group.code .btn {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 146px;
	height: 48px;
	line-height: 46px;
	overflow: hidden;
	border: 1px solid #ccc;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background-color: #AAAAAA;
}
.design-form .bd .tips {
	margin: 12px 0 54px;
	font-size: 14px;
	color: #f33142;
}
.design-form .bd .btn-submit {
	display: block;
	width: 152px;
	height: 42px;
	padding: 0;
	margin: 0 auto;
	border: 0;
	font-size: 22px;
	color: #fff;
	background-color: #f33142;
}
.designer-product img {
	display: block;
	width: 100%;
}

.designer-detail {
	padding: 40px 20px;
}
.designer-info {
	padding: 25px;
	margin: 0 0 40px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.designer-info .pic {
	display: block;
	width: 250px;
	margin-right: 64px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.designer-info .desc {
	position: relative;
	overflow: hidden;
	color: #333;
}
.bdshare-button-style1-16 a,
.bdshare-button-style1-16 .bds_more,
.bdshare-button-style1-24 a,
.bdshare-button-style1-24 .bds_more {
	float: none!important;
	display: inline-block;
	vertical-align: middle;
}
.designer-info .desc .bdsharebuttonbox {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 16px;
}
.designer-info .desc .bdsharebuttonbox span {
	color: #666;
	vertical-align: middle;
}
.designer-info .desc h3 {
	margin: 0 0 55px;
	font-size: 42px;
	font-weight: normal;
}
.designer-info .desc h3 span {
	margin-left: 38px;
	font-size: 20px;
	color: #808080;
}
.designer-info .desc p {
	position: relative;
	line-height: 28px;
	padding-left: 26px;
	margin: 0;
	font-size: 18px;
}
.designer-info .desc p::before {
	position: absolute;
	top: 8px;
	left: 0;
	display: block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	background-color: #f33142;
	content: '';
}
.designer-product {
	overflow: hidden;
}
.designer-related {
	width: 366px;
	margin-left: 44px;
}
.designer-related .hd {
	padding-bottom: 30px;
	margin-bottom: 40px;
	border-bottom: 2px solid #ccc;
	font-size: 22px;
	color: #333;
	text-align: center;
}
.designer-related ul li {
	margin-bottom: 20px;
}
.designer-related ul li a {
	position: relative;
	display: block;
	overflow: hidden;
}
.designer-related ul li a::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	visibility: hidden;
	background-color: #000;
	opacity: 0;
	content: '';
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.designer-related ul li a:hover::before {
	visibility: visible;
	opacity: 0.8;
}
.designer-related ul li a .pic {
	display: block;
	width: 100%;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.designer-related ul li a:hover .pic {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.designer-related ul li a .desc {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 0 20px 20px;
	color: #fff;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
}
.designer-related ul li a:hover .desc {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.designer-related ul li a .desc h3 {
	margin: 0 0 8px;
	font-size: 24px;
	font-weight: normal;
}
.designer-related ul li a .desc p {
	margin: 0;
}

.zhijiang {
	background-color: #fff;
}
.zj-header {
	position: relative;
	z-index: 9;
	padding: 40px 20px 0;
}
.zj-header .hd h1 {
	margin: 0;
	font-size: 38px;
	font-weight: normal;
	color: #000;
}
.btn-cart {
	display: block;
	padding: 0 13px 0 49px;
	margin-left: 30px;
	border: 1px solid #f33142;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	font-size: 16px;
	color: #f33142;
	background: url(../images/icon_cart.png) no-repeat 19px center;
}
.btn-cart span {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
}
.btn-cart ins {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	margin-left: 8px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #f33142;
}
.zj-header .hd .search {
	position: relative;
	overflow: hidden;
	width: 600px;
	padding-right: 99px;
	border: 1px solid #f33142;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	background-color: #f33142;
}
.zj-header .hd .search input {
	display: block;
	width: 100%;
	height: 38px;
	padding-left: 52px;
	font-size: 16px;
	border: 0;
	background: url(../images/icon_search.png) no-repeat 21px center #fff;
}
.zj-header .hd .search input::placeholder {
	color: #999;
}
.zj-header .hd .search button {
	position: absolute;
	top: 0;
	right: 0;
	width: 99px;
	height: 38px;
	padding: 0;
	border: 0;
	font-size: 18px;
	color: #fff;
	background-color: transparent;
}
.zj-header .bd ul li {
	position: relative;
	text-align: center;
}
.zj-header .bd ul li .item {
	position: relative;
	display: inline-block;
}
.zj-header .bd ul li .item>a {
	position: relative;
	display: block;
	height: 90px;
	line-height: 90px;
	overflow: hidden;
	font-size: 26px;
}
.zj-header .bd ul li .item>a::before {
	position: absolute;
	right: 0;
	bottom: -5px;
	left: 0;
	display: block;
	height: 5px;
	background-color: #f33142;
	content: '';
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.zj-header .bd ul li .item>a:hover,
.zj-header .bd ul li.active .item>a {
	color: #f33142;
}
.zj-header .bd ul li .item>a:hover::before,
.zj-header .bd ul li.active .item>a::before {
	bottom: 10px;
}
.zj-header .bd ul li .item .sub {
	position: absolute;
	right: 0;
	left: 0;
	display: none;
	padding: 38px 9px 0;
	background-color: rgba(241, 73, 87, 0.9);
}
.zj-header .bd ul li .item .sub a {
	display: block;
	padding: 11px 0;
	margin-bottom: 38px;
	border-bottom: 1px dashed #fff;
	font-size: 21px;
	color: #fff;
	text-align: center;
}
.zj-banner .swiper-slide img {
	display: block;
	width: 100%;
}
.zj-pagination.swiper-pagination-bullets {
	bottom: 36px;
}
.zj-pagination .swiper-pagination-bullet {
	background-color: #494949;
}
.zj-recommend {
	padding: 127px 0 0;
}
.zj-recommend .title {
	margin-bottom: 29px;
}
.zj-recommend ul li {
	margin-bottom: 38px;
}
.zj-recommend ul li .hd {
	width: 34.375%;
	overflow: hidden;
	margin-right: 20px;
	color: #fff;
	background-color: #333;
}
.zj-recommend ul li .hd .pic {
	display: block;
}
.zj-recommend ul li .hd .desc {
	position: relative;
	overflow: hidden;
	padding: 66px 40px 0;
}
.zj-recommend ul li .hd .desc h3 {
	margin: 0 0 10px;
	font-size: 42px;
}
.zj-recommend ul li .hd .desc h4 {
	margin: 0;
	font-size: 16px;
	font-weight: normal;
}
.zj-recommend ul li .hd .desc h5 {
	position: relative;
	display: inline-block;
	padding: 0 25px 6px 35px;
	margin: 62px 0 10px;
	border-bottom: 1px solid #fff;
	font-size: 21px;
}
.zj-recommend ul li .hd .desc h5::before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	background-color: #fff;
	content: '';
}
.zj-recommend ul li .hd .desc p {
	line-height: 20px;
	margin: 0;
	font-size: 13px;
}
.zj-recommend ul li .hd .desc .btn {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	height: 72px;
	line-height: 72px;
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background-color: #f33142;
}
.zj-recommend ul li .bd {
	overflow: hidden;
}
.zj-recommend ul li .bd .item {
	position: relative;
	display: block;
	overflow: hidden;
}
.zj-recommend ul li .bd .item .pic {
	position: relative;
	display: block;
}
.zj-recommend ul li .bd .item .pic::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	visibility: hidden;
	background-color: #000;
	opacity: 0;
	content: '';
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.zj-recommend ul li .bd .item:hover .pic::before {
	visibility: visible;
	opacity: 0.6;
}
.zj-recommend ul li .bd .item .pic img {
	display: block;
	width: 100%;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.zj-recommend ul li .bd .item:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.zj-recommend ul li .bd .item .desc {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 0 21px 21px;
	color: #fff;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
}
.zj-recommend ul li .bd .item:hover .desc {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.zj-recommend ul li .bd .item .desc h3 {
	margin: 0;
	font-size: 30px;
	font-weight: normal;
}
.zj-recommend ul li .bd .item .desc h3 a {
	color: #fff;
}
.zj-recommend ul li .bd .item .desc p {
	margin: 0;
	font-size: 16px;
}
.zj-recommend ul li .bd .item .desc p:nth-child(2) {
	margin: 23px 0 16px;
}
.zj-recommend ul li .bd .item .desc p strong {
	font-size: 21px;
	font-weight: normal;
}
.zj-recommend ul li .bd .item .desc p span {
	vertical-align: middle;
}
.zj-recommend ul li .bd .item .desc p a {
	display: inline-block;
	width: 40px;
	height: 18px;
	margin-left: 15px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
}
.zj-recommend ul li .bd .item .desc p .fav {
	background-image: url(../images/icon_fav.png);
}
.zj-recommend ul li .bd .item .desc p .cart {
	background-image: url(../images/icon_cart_white.png);
}
.zj-release {
	padding: 50px 0;
}
.zj-release .title {
	margin-bottom: 39px;
}
.release-swiper {
	padding-bottom: 7px;
}
.release-list {
	padding: 24px 20px;
	background-color: #F2F2F2;
}
.release-list .container {
	position: relative;
}
.release-list .container .btn {
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 125px;
	background-repeat: no-repeat;
	background-position: center;
}
.release-list .container .release-prev {
	left: -125px;
	background-image: url(../images/icon_release_prev.png);
}
.release-list .container .release-next {
	right: -125px;
	background-image: url(../images/icon_release_next.png);
}
.release-swiper .swiper-slide {
	overflow: hidden;
	transition: transform .2s;
	-webkit-transition: transform .2s;
	-moz-transition: transform .2s;
	-ms-transition: transform .2s;
	-o-transition: transform .2s;
}
.release-swiper .swiper-slide:hover {
	transform: translateY(7px);
	-webkit-transform: translateY(7px);
	-moz-transform: translateY(7px);
	-ms-transform: translateY(7px);
	-o-transform: translateY(7px);
}
.release-swiper .swiper-slide::before {
	position: absolute;
	top: 0;
	left: -50px;
	z-index: 3;
	border-width: 25px;
	border-style: solid;
	border-color: #f33142 transparent transparent #f33142;
	content: '';
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.release-swiper .swiper-slide:hover::before {
	left: 0;
}
.release-swiper .swiper-slide .pic {
	display: block;
	overflow: hidden;
}
.release-swiper .swiper-slide .pic img {
	display: block;
	width: 100%;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.release-swiper .swiper-slide:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.release-swiper .swiper-slide .desc {
	padding: 18px 0;
	text-align: center;
	background-color: #fff;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.release-swiper .swiper-slide:hover .desc {
	background-color: #f33142;
}
.release-swiper .swiper-slide .desc h3 {
	margin: 0;
	font-size: 24px;
	font-weight: normal;
	color: #000;
}
.release-swiper .swiper-slide .desc p {
	margin: 0;
	font-size: 16px;
	color: #333;
}
.release-swiper .swiper-slide .desc p:nth-child(2) {
	margin: 9px 0 30px;
}
.release-swiper .swiper-slide .desc p span {
	color: #CC0000;
}
.release-swiper .swiper-slide .desc p strong {
	font-size: 21px;
	font-weight: normal;
}
.release-swiper .swiper-slide .desc p a {
	display: inline-block;
	width: 40px;
	height: 18px;
	margin-left: 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
}
.release-swiper .swiper-slide .desc p .fav {
	background-image: url(../images/icon_fav.png);
}
.release-swiper .swiper-slide .desc p .cart {
	background-image: url(../images/icon_cart_white.png);
}
.release-swiper .swiper-slide:hover .desc h3,
.release-swiper .swiper-slide:hover .desc p,
.release-swiper .swiper-slide:hover .desc p span {
	color: #fff;
}
.zj-supply {
	padding: 50px 0;
}
.zj-supply .title {
	margin-bottom: 39px;
}
.zj-supply ul li {
	position: relative;
	overflow: hidden;
}
.zj-supply ul li .pic {
	position: relative;
	display: block;
}
.zj-supply ul li .pic::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	visibility: hidden;
	background-color: #000;
	opacity: 0;
	content: '';
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.zj-supply ul li:hover .pic::before {
	visibility: visible;
	opacity: 0.4;
}
.zj-supply ul li .pic img {
	display: block;
	width: 100%;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.zj-supply ul li:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.zj-supply ul li .desc {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 0 30px 30px;
	color: #fff;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
}
.zj-supply ul li:hover .desc {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.zj-supply ul li .desc h3 {
	margin: 0;
	font-size: 32px;
	font-weight: normal;
}
.zj-supply ul li .desc p {
	margin: 0;
	font-size: 16px;
}
.zj-supply ul li .desc p:nth-child(2) {
	margin: 20px 0 9px;
}
.zj-supply ul li .desc p strong {
	font-size: 21px;
	font-weight: normal;
}
.zj-supply ul li .desc p a {
	display: inline-block;
	width: 40px;
	height: 18px;
	margin-left: 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
}
.zj-supply ul li .desc p .fav {
	background-image: url(../images/icon_fav.png);
}
.zj-supply ul li .desc p .cart {
	background-image: url(../images/icon_cart_white.png);
}
.zj-zph .title {
	margin-bottom: 59px;
}
.zj-zph .hd {
	width: 435px;
	margin: 0 auto;
	text-align: center;
}
.zj-zph .hd img {
	display: block;
	margin: 0 auto 14px;
}
.zj-zph .hd p {
	line-height: 26px;
	margin: 0;
	font-size: 16px;
	color: #333;
}
.zj-zph .bd {
	overflow: hidden;
	padding: 35px 0 43px;
}
.zj-zph .bd ul {
	margin: 0 -31px 60px 0;
}
.zj-zph .bd ul li {
	padding-right: 31px;
}
.zj-zph .bd ul li a {
	display: block;
	background-color: #F5F5F5;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.zj-zph .bd ul li a:hover {
	box-shadow: 0 0 14px rgba(0, 0, 0, 0.29);
}
.zj-zph .bd ul li a .pic {
	overflow: hidden;
}
.zj-zph .bd ul li a .pic img {
	display: block;
	width: 100%;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.zj-zph .bd ul li a:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.zj-zph .bd ul li a .desc {
	padding: 90px 0;
	text-align: center;
}
.zj-zph .bd ul li a .desc h3 {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	margin: 0;
	font-size: 30px;
	font-weight: normal;
}
.zj-zph .bd ul li a .desc p {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin: 0;
	font-size: 16px;
	color: #434343;
}
.zj-zph .bd ul li a .desc p:nth-child(2) {
	margin: 6px 0;
}
.zj-zph .bd ul li a .desc p:last-child {
	color: #DF0000;
}
.zj-zph .bd ul li a .desc p span {
	font-size: 21px;
}
.zj-zph .bd .more {
	text-align: center;
}
.zj-zph .bd .more a {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	padding: 0 20px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	font-size: 16px;
	color: #fff;
	vertical-align: bottom;
	background-color: #f33142;
}
.zj-zph .line {
	margin: 0 185px 43px;
	border-bottom: 1px dashed #737373;
}
.zj-investment {
	padding: 62px 185px;
}
.zj-investment .form h3 {
	margin: 40px 0 36px;
	font-size: 26px;
	font-weight: normal;
	color: #333;
	text-align: center;
}
.zj-investment .form .group {
	position: relative;
	overflow: hidden;
	padding-left: 438px;
	margin-bottom: 38px;
}
.zj-investment .form .group label {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 438px;
	text-align: center;
	background-color: #f33142;
}
.zj-investment .form .group label span {
	display: inline-block;
	height: 100px;
	line-height: 100px;
	overflow: hidden;
	padding-left: 45px;
	font-size: 28px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: left center;
}
.zj-investment .form .group label.cs span {
	background-image: url(../images/icon_investment01.png);
}
.zj-investment .form .group label.xm span {
	background-image: url(../images/icon_investment02.png);
}
.zj-investment .form .group label.dh span {
	background-image: url(../images/icon_investment03.png);
}
.zj-investment .form .group input {
	display: block;
	width: 100%;
	height: 100px;
	padding: 0 41px;
	border: 0;
	font-size: 21px;
	background-color: #EEEEEE;
}
.zj-investment .form .submit {
	display: block;
	width: 248px;
	height: 60px;
	padding: 0;
	margin: 80px auto 0;
	border: 0;
	font-size: 29px;
	color: #fff;
	background-color: #f33142;
}
.zj-designer {
	padding: 0 0 50px;
	margin-top: 12px;
	border-top: 1px solid #ccc;
}
.zj-designer .hd {
	padding: 60px 20px;
}
.zj-designer .hd .pic {
	display: block;
	width: 160px;
	margin-right: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.zj-designer .hd .desc {
	position: relative;
	overflow: hidden;
	padding-top: 19px;
}
.zj-designer .hd .desc h3 {
	margin: 0;
	font-size: 42px;
	font-weight: normal;
}
.zj-designer .hd .desc h3 span {
	margin-left: 38px;
	font-size: 20px;
}
.zj-designer .hd .desc h4 {
	position: relative;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	padding-left: 32px;
	margin: 32px 0 16px;
	border-bottom: 1px solid #4F4F4F;
	font-size: 21px;
	color: #666;
}
.zj-designer .hd .desc h4::before {
	position: absolute;
	top: 7px;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
	background-color: #808080;
	content: '';
}
.zj-designer .hd .desc p {
	margin: 0;
	font-size: 18px;
	color: #4D4D4D;
}
.zj-designer .hd .desc .bdsharebuttonbox {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 16px;
}
.zj-designer .hd .desc .bdsharebuttonbox span {
	vertical-align: middle;
}
.zj-designer .bd {
	overflow: hidden;
	padding: 20px;
}
.zj-designer .bd ul {
	margin: 0 -23px -34px 0;
}
.zj-designer .bd ul li,
.zj-detail .recommend ul li {
	padding: 0 23px 34px 0;
	text-align: left;
}
.zj-designer .bd ul li .item,
.zj-detail .recommend ul li .item {
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.zj-designer .bd ul li:hover .item,
.zj-detail .recommend ul li:hover .item {
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
}
.zj-designer .bd ul li .pic,
.zj-detail .recommend ul li .pic {
	display: block;
	overflow: hidden;
}
.zj-designer .bd ul li .pic img,
.zj-detail .recommend ul li .pic img {
	display: block;
	width: 100%;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.zj-designer .bd ul li:hover .pic img,
.zj-detail .recommend ul li:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.zj-designer .bd ul li .desc,
.zj-detail .recommend ul li .desc {
	padding: 12px 10px;
	text-align: center;
	background-color: #F2F2F2;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.zj-designer .bd ul li:hover .desc,
.zj-detail .recommend ul li:hover .desc {
	color: #fff;
	background-color: #f33142;
}
.zj-designer .bd ul li .desc h3,
.zj-detail .recommend ul li .desc h3 {
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	margin: 0;
	font-size: 24px;
	font-weight: normal;
}
.zj-designer .bd ul li .desc h4,
.zj-detail .recommend ul li .desc h4 {
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	color: #333;
}
.zj-designer .bd ul li:hover .desc h4,
.zj-detail .recommend ul li:hover .desc h4 {
	color: #fff;
}
.zj-designer .bd ul li .desc p,
.zj-detail .recommend ul li .desc p {
	margin: 18px 0;
	font-size: 16px;
	color: #CC0000;
}
.zj-designer .bd ul li:hover .desc p,
.zj-detail .recommend ul li:hover .desc p {
	color: #fff;
}
.zj-designer .bd ul li .desc p span,
.zj-detail .recommend ul li .desc p span {
	vertical-align: middle;
}
.zj-designer .bd ul li .desc p span strong,
.zj-detail .recommend ul li .desc p span strong {
	font-size: 21px;
	font-weight: normal;
}
.zj-designer .bd ul li .desc p a,
.zj-detail .recommend ul li .desc p a {
	display: inline-block;
	width: 40px;
	height: 18px;
	margin-left: 15px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
}
.zj-designer .bd ul li .desc p .fav,
.zj-detail .recommend ul li .desc p .fav {
	background-image: url(../images/icon_fav.png);
}
.zj-designer .bd ul li .desc p .cart,
.zj-detail .recommend ul li .desc p .cart {
	background-image: url(../images/icon_cart_white.png);
}
.zj-store .hd .desc h3 {
	font-weight: bold;
}
.zj-store .hd .desc p {
	width: 560px;
	line-height: 32px;
	margin-top: 12px;
}
.zj-detail {
	padding: 60px 20px 96px;
	margin-top: 12px;
	border-top: 1px solid #ccc;
}
.zj-detail .photo {
	width: 630px;
	margin: 0 90px 90px 0;
}
.zj-detail .photo .pic {
	display: block;
	border: 1px solid #ccc;
}
.zj-detail .photo .pic img {
	display: block;
	width: 500px;
}
.zj-detail .photo ul {
	width: 120px;
	overflow: hidden;
}
.zj-detail .photo ul li {
	margin-bottom: 7px;
	cursor: pointer;
}
.zj-detail .photo ul li .box {
	border: 1px solid #ccc;
}
.zj-detail .photo ul li.active .box {
	border-color: #f33142;
}
.zj-detail .photo ul li img {
	display: block;
	width: 100%;
}
.zj-detail .intro {
	overflow: hidden;
}
.zj-detail .intro .hd h3 {
	margin: 0;
	font-size: 32px;
	font-weight: normal;
	color: #4D4D4D;
}
.zj-detail .intro .hd p {
	margin: 10px 0 28px;
	font-size: 16px;
	color: #666;
}
.zj-detail .intro .desc {
	padding: 27px 27px 17px;
	background-color: #F7F7F7;
}
.zj-detail .intro .desc .item {
	line-height: 30px;
	margin-bottom: 10px;
}
.zj-detail .intro .desc .t {
	margin-right: 35px;
	font-size: 16px;
	color: #333;
}
.zj-detail .intro .desc .b {
	overflow: hidden;
	text-align: left;
}
.zj-detail .intro .desc .b strong {
	font-size: 16px;
	color: #f33142;
}
.zj-detail .intro .desc .b strong span {
	font-size: 29px;
}
.zj-detail .intro .desc .b p {
	position: relative;
	display: inline-block;
	padding-left: 8px;
	margin: 0 30px 0 0;
}
.zj-detail .intro .desc .b p::before {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #f33142;
	content: '';
}
.zj-detail .intro .group {
	margin-top: 25px;
	font-size: 16px;
	color: #333;
	text-align: left;
}
.zj-detail .intro .group span {
	margin-right: 20px;
}
.zj-detail .intro .group p {
	display: inline-block;
	margin: 0 20px 0 0;
}
.zj-detail .intro .group a {
	color: #666;
}
.zj-detail .intro .group a.btn {
	display: inline-block;
	height: 40px;
	line-height: 38px;
	overflow: hidden;
	padding: 0 28px;
	margin-right: 20px;
	color: #4D4D4D;
	vertical-align: middle;
	border: 1px solid #ccc;
}
.zj-detail .intro .group a.btn.active {
	line-height: 36px;
	border-width: 2px;
	border-color: #845F42;
	color: #845F3F;
}
.number {
	display: inline-block;
	border: 1px solid #ccc;
	text-align: center;
}
.number a {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	font-size: 20px;
	vertical-align: middle;
}
.number a {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	font-size: 20px;
	vertical-align: middle;
}
.number a.plus {
	font-weight: bold;
	color: #845F42!important;
}
.number input {
	display: inline-block;
	width: 68px;
	height: 28px;
	padding: 0;
	border-width: 0 1px;
	border-style: solid;
	border-color: #ccc;
	font-size: 16px;
	color: #4D4D4D;
	text-align: center;
	vertical-align: bottom;
}
.zj-detail .intro .ft {
	margin-top: 20px;
	text-align: left;
}
.zj-detail .intro .ft a {
	display: inline-block;
	height: 40px;
	margin-right: 20px;
	vertical-align: middle;
}
.zj-detail .intro .ft a.btn {
	display: inline-block;
	line-height: 38px;
	padding: 0 26px;
	border: 1px solid #845F42;
	font-size: 16px;
	color: #845F3F;
}
.zj-detail .intro .ft a.add {
	color: #fff;
	background-color: #845F42;
}
.zj-detail .intro .ft a.icon {
	padding: 0 10px;
	border: 1px solid #ccc;
}
.zj-detail .intro .ft a.icon::before {
	display: block;
	height: 22px;
	background-repeat: no-repeat;
	background-position: center;
	content: '';
}
.zj-detail .intro .ft a.fav::before {
	background-image: url(../images/icon_detail_fav.png);
}
.zj-detail .intro .ft a.kf::before {
	background-image: url(../images/icon_detail_kf.png);
}
.zj-detail .recommend {
	width: 370px;
	margin-left: 40px;
}
.zj-detail .recommend .hd {
	height: 82px;
	line-height: 70px;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 26px;
	border-bottom: 2px solid #ccc;
	font-size: 30px;
	color: #333;
	text-align: center;
}
.zj-detail .recommend ul li {
	padding: 0;
	margin-bottom: 46px;
}
.zj-detail .content {
	overflow: hidden;
}
.zj-detail .content .tabnav {
	padding: 20px 0;
	background-color: #E6E6E6;
}
.zj-detail .content .tabnav li {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	border-right: 2px solid #B3B3B3;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
}
.zj-detail .content .tabnav li:last-child {
	border: 0;
}
.zj-detail .content .tabnav li.active {
	color: #f33142;
}
.zj-detail-xq img {
	display: block;
	width: 100%;
}

.news-swiper .swiper-slide .pic {
	display: block;
	width: 100%;
}
.news-swiper .swiper-slide .desc {
	position: absolute;
	right: 0;
	bottom: 46px;
	left: 0;
	display: block;
	padding: 0 20px;
}
.news-swiper .swiper-slide .desc p {
	margin: 0;
	font-size: 24px;
	color: #fff;
}
.news-pagination.swiper-pagination {
	left: 50%;
	bottom: 30px;
	width: 1550px;
	text-align: left;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.news-pagination .swiper-pagination-bullet {
	width: 40px;
	height: 3px;
	border-radius: 0;
	background-color: #e5e5e5;
}
.news-subnav a {
	display: block;
	height: 100px;
	line-height: 100px;
	overflow: hidden;
	font-size: 26px;
	color: #000;
	text-align: center;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.news-subnav a.active,
.news-subnav a:hover,
.news-subnav a:active {
	color: #fff;
	background-color: #f33142;
}
.news-list {
	overflow: hidden;
	padding: 80px 20px;
}
.gsdt-list ul li {
	margin-bottom: 40px;
}
.gsdt-list ul li a {
	position: relative;
	display: block;
	padding: 10px;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.gsdt-list ul li a:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.gsdt-list ul li a .pic {
	display: block;
	width: 775px;
	overflow: hidden;
	margin-right: 33px;
}
.gsdt-list ul li a .pic img {
	display: block;
	width: 100%;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.gsdt-list ul li a .desc {
	overflow: hidden;
}
.gsdt-list ul li a .desc h3 {
	line-height: 38px;
	margin: 58px 0 20px;
	font-size: 24px;
}
.gsdt-list ul li a .desc h3 span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	padding: 0 7px;
	margin-right: 20px;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	vertical-align: middle;
	background-color: #626262;
}
.gsdt-list ul li a .desc p {
	line-height: 22px;
	overflow: hidden;
	margin: 0;
	font-size: 14px;
	color: #4c4c4c;
}
.gsdt-list ul li a .desc .ft {
	position: absolute;
	right: 10px;
	bottom: 10px;
	left: 808px;
	padding: 26px 0;
	border-top: 2px solid #dcdcdc;
	color: #666;
}
.gsdt-list ul li a .desc .ft span {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding-left: 23px;
	margin-right: 50px;
	background-repeat: no-repeat;
	background-position: left center;
}
.gsdt-list ul li a .desc .ft .sj {
	background-image: url(../images/icon_news_sj.png);
}
.gsdt-list ul li a .desc .ft .ydl {
	background-image: url(../images/icon_news_ydl.png);
}
.gsdt-list ul li a:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.rwft-list ul {
	margin-right: -25px;
}
.rwft-list ul li {
	padding: 0 25px 40px 0;
}
.rwft-list ul li a {
	display: block;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.rwft-list ul li a:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.rwft-list ul li a .pic {
	position: relative;
	overflow: hidden;
}
.rwft-list ul li.video a .pic::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	visibility: hidden;
	background: url(../images/icon_news_play.png) no-repeat center;
	opacity: 0;
	content: '';
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.rwft-list ul li.video a:hover .pic::before {
	visibility: visible;
	opacity: 1;
}
.rwft-list ul li a .pic img {
	display: block;
	width: 100%;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.rwft-list ul li a:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.rwft-list ul li a .pic time {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	padding: 0 6px;
	font-size: 10px;
	color: #fff;
	background-color: rgba(49, 49, 49, 0.8);
}
.rwft-list ul li a .desc {
	padding: 15px 20px;
	background-color: #f7f7f7;
}
.rwft-list ul li a .desc h3 {
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	color: #333;
}
.rwft-list ul li a .desc h3 span {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding: 0 9px;
	font-size: 12px;
	color: #fff;
	background-color: #f33142;
}
.rwft-list ul li a .desc p {
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	margin: 10px 0 50px;
	color: #4D4D4D;
}
.rwft-list ul li a .desc .ft {
	color: #666;
}
.rwft-list ul li a .desc .ft span {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding-left: 23px;
	margin-right: 50px;
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-position: left center;
}
.rwft-list ul li a .desc .ft span.pull-right {
	margin: 0;
}
.rwft-list ul li a .desc .ft .sj {
	background-image: url(../images/icon_news_sj.png);
}
.rwft-list ul li a .desc .ft .ydl {
	background-image: url(../images/icon_news_ydl.png);
}
.rwft-list ul li a .desc .ft .wz {
	background-image: url(../images/icon_news_wz.png);
}
.rwft-list ul li a .desc .ft .sj1 {
	background-image: url(../images/icon_news_sj1.png);
}
.news-more {
	display: block;
	height: 80px;
	line-height: 76px;
	overflow: hidden;
	border: 2px solid #a0a0a0;
	font-size: 24px;
	color: #808080;
	text-align: center;
}
.nd-banner img {
	display: block;
	width: 100%;
}
.news-detail .content {
	padding: 100px 20px;
	background-color: #fff;
}
.nd-recommend {
	width: 350px;
	margin-left: 70px;
}
.nd-recommend .hd {
	padding-bottom: 20px;
	font-size: 24px;
	color: #1a1a1a;
}
.nd-recommend ul li {
	margin-bottom: 15px;
}
.nd-recommend ul li a {
	display: block;
}
.nd-recommend ul li a .pic {
	overflow: hidden;
}
.nd-recommend ul li a .pic img {
	display: block;
	width: 100%;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.nd-recommend ul li a:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.nd-recommend ul li a .desc {
	position: relative;
	padding: 15px 15px 15px 34px;
}
.nd-recommend ul li a .desc::before {
	position: absolute;
	top: 18px;
	left: 0;
	width: 14px;
	height: 14px;
	border: 3px solid #f33142;
	border-radius: 50%;
	content: '';
}
.nd-recommend ul li a .desc h3 {
	margin: 0 0 18px;
	font-size: 18px;
	font-weight: normal;
	color: #4d4d4d;
}
.nd-recommend ul li a .desc p {
	margin: 0;
	color: #808080;
}
.nd-detail {
	overflow: hidden;
	padding: 20px 55px 30px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.nd-detail .hd {
	text-align: center;
}
.nd-detail .hd h3 {
	margin: 0;
	font-size: 24px;
	font-weight: normal;
	color: #333;
}
.nd-detail .hd p {
	margin: 20px 0 0;
	font-size: 14px;
}
.nd-detail .hd p span {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding-left: 23px;
	margin: 0 25px;
	background-repeat: no-repeat;
	background-position: left center;
}
.nd-detail .hd p .sj {
	background-image: url(../images/icon_news_sj.png);
}
.nd-detail .hd p .ydl {
	background-image: url(../images/icon_news_ydl.png);
}
.nd-detail .bd {
	line-height: 30px;
	padding-bottom: 50px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
}
.nd-detail .bd img {
	max-width: 100%;
}
.nd-detail .ft {
	padding: 46px 0 10px;
}
.nd-detail .ft .bdsharebuttonbox {
	font-size: 16px;
	color: #666;
}
.nd-detail .ft .btn {
	display: block;
	width: 90px;
	height: 39px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
}
.nd-detail .ft .next {
	background-image: url(../images/btn_news_next.png);
}
.nd-detail .ft .prev {
	background-image: url(../images/btn_news_prev.png);
}
.nd-detail .ft .all {
	background-image: url(../images/btn_news_all.png);
}

.about-banner {
	position: relative;
}
.about-banner img {
	display: block;
	width: 100%;
}
.about-banner .desc {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #fff;
	text-align: center;
}
.about-banner .desc h3 {
	margin: 0 0 70px;
	font-size: 156px;
}
.about-banner .desc p {
	margin: 0;
	font-size: 68px;
}
.about-subnav a {
	float: left;
	display: block;
	width: 12.5%;
	height: 80px;
	line-height: 80px;
	overflow: hidden;
	font-size: 22px;
	color: #595757;
	text-align: center;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.about-subnav a.active,
.about-subnav a:hover,
.about-subnav a:active {
	font-weight: bold;
	color: #fff;
	background-color: #f33142;
}
.about-design {
	padding: 56px 0;
	background-color: #fff;
}
.about-design .pic {
	display: block;
	width: 100%;
}
.about-design .box {
	padding: 90px 20px;
}
.about-design .desc {
	line-height: 32px;
	margin-bottom: 86px;
	font-size: 20px;
	color: #000;
}
.about-design .desc p {
	margin: 0;
	text-indent: 2em;
}
.about-design ul li {
	text-align: center;
}
.about-design ul li h3 {
	margin: 0 0 10px;
	font-size: 53px;
	color: #f33142;
}
.about-design ul li h3 strong {
	font-size: 80px;
}
.about-design ul li h3 sup {
	top: -1em;
}
.about-design ul li p {
	margin: 0;
	font-size: 30px;
	font-weight: bold;
	color: #595757;
}
.about-culture .hd {
	margin-bottom: 147px;
	text-align: center;
}
.about-culture .hd .title {
	margin-bottom: 60px;
}
.about-culture .hd .desc {
	line-height: 52px;
	padding: 0 20px;
	margin-bottom: 100px;
	font-size: 22px;
	color: #000;
}
.about-culture .hd .corporate {
	margin-bottom: 150px;
	color: #fff;
	background: url(../images/bg_about05.jpg) no-repeat center;
	background-size: cover;
}
.about-culture .hd .corporate .col-6 {
	height: 500px;
	text-align: center;
}
.about-culture .hd .corporate .col-6 .info {
	display: inline-block;
	text-align: left;
}
.about-culture .hd .corporate .col-6 .info h3 {
	margin: 0;
	font-size: 40px;
	font-weight: normal;
}
.about-culture .hd .corporate .col-6 .info h4 {
	margin: 10px 0 45px;
	font-size: 15px;
	font-weight: normal;
}
.about-culture .hd .corporate .col-6 .info h5 {
	padding: 15px 75px;
	margin: 0 0 30px;
	border: 1px solid #fff;
	font-size: 24px;
	font-weight: normal;
}
.about-culture .hd .corporate .col-6 .info p {
	line-height: 62px;
	margin: 0;
	font-size: 22px;
}
.about-culture .hd .corporate .col-6 .info.center {
	text-align: center;
}
.about-culture .hd .corporate .col-6 .info.center h4 {
	margin: 16px 0 30px;
}
.about-culture .hd .corporate .col-6 .info.center p {
	line-height: 48px;
	padding: 0 5px;
}
.about-culture .hd .staff {
	padding: 0 10px;
}
.about-culture .hd .staff img {
	display: block;
	margin: 0 auto;
}
.about-culture .hd .desc p {
	margin: 0;
}
.about-culture .bd {
	padding: 122px 20px 140px;
	background: url(../images/bg_about03.jpg) no-repeat center;
	background-size: cover;
}
.about-culture .bd .desc {
	width: 1190px;
	line-height: 40px;
	margin: 0 auto 120px;
	font-size: 22px;
	color: #000;
	text-align: center;
}
.about-culture .bd .desc p {
	margin: 0;
}
.about-culture .bd .cont {
	width: 1390px;
	margin: 0 auto;
}
.about-culture .bd .cont ul {
	margin-right: -64px;
}
.about-culture .bd .cont ul li {
	float: left;
	width: 20%;
	padding-right: 64px;
}
.about-culture .bd .cont ul li .item {
	padding: 26px;
	background-color: rgba(241, 73, 87, 0.2);
}
.about-culture .bd .cont ul li .item h3 {
	margin: 0 0 35px;
	font-size: 40px;
	color: #303030;
	text-align: center;
}
.about-culture .bd .cont ul li .item p {
	min-height: 220px;
	line-height: 20px;
	margin: 0;
	font-size: 14px;
	color: #333;
}
.honor-prize {
	overflow: hidden;
	padding-top: 44px;
	background-color: #fff;
}
.honor-prize ul li {
	float: left;
	width: 20%;
}
.honor-prize ul li a {
	position: relative;
	display: block;
	height: 208px;
	overflow: hidden;
}
.honor-prize ul li a img {
	display: block;
	max-width: 60%;
	max-height: 60%;
	margin: 0 auto;
}
.honor-prize ul li a h4 {
	line-height: 40px;
	margin: 0;
	font-size: 32px;
	color: #3E3A3A;
	text-align: center;
}
.honor-prize ul li a .desc {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #fff;
	text-align: center;
	background-color: #f33142;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
}
.honor-prize ul li a:hover .desc {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.honor-prize ul li a .desc h3 {
	margin: 0;
	font-size: 30px;
	font-weight: bold;
}
.honor-prize ul li a .desc p {
	display: inline-block;
	margin: 0;
	font-size: 24px;
}
.honor-prize ul li a .desc p strong {
	display: block;
	margin-bottom: 10px;
	font-size: 30px;
	text-align: left;
}
.about-swiper .swiper-slide .pic {
	display: block;
	width: 100%;
}
.about-pagination .swiper-pagination-bullet {
	background-color: #494949;
}
.honor-list {
	background-color: #fff;
}
.honor-list {
	padding: 60px 20px 40px;
}
.honor-list .cont {
	width: 1000px;
	margin: 0 auto;
}
.honor-list .item {
	margin-bottom: 20px;
}
.honor-list .item ins {
	float: left;
	display: block;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	padding: 0 13px;
	margin-right: 20px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background-color: #f33142;
}
.honor-list .item ul {
	overflow: hidden;
}
.honor-list .item ul li {
	position: relative;
	line-height: 28px;
	padding-left: 22px;
	font-size: 15px;
	color: #3E3A3A;
}
.honor-list .item ul li::before {
	position: absolute;
	top: 11px;
	left: 0;
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #f33142;
	content: '';
}
.honor-certification {
	overflow: hidden;
	padding: 30px 0;
	background-color: #fff;
}
.honor-certification .title {
	margin-bottom: 38px;
}
.certification-list {
	padding: 40px 20px;
	background-color: #F2F2F2;
}
.certification-list ul {
	margin: 0 -38px -40px 0;
}
.certification-list ul li {
	padding: 0 38px 40px 0;
}
.certification-list ul li a {
	display: block;
	padding: 14px;
	background-color: #fff;
}
.certification-list ul li a .pic {
	display: block;
	width: 100%;
}
.patent-list ul {
	margin: 0 -98px -42px 0;
}
.patent-list ul li {
	float: left;
	width: 20%;
	padding: 0 98px 42px 0;
}
.honor-declare {
	padding-bottom: 126px;
	text-align: center;
	background-color: #f2f2f2;
}
.honor-declare .pic {
	display: block;
	width: 100%;
}
.honor-declare h3 {
	margin: 88px 0 76px;
	font-size: 36px;
	font-weight: normal;
	color: #383838;
}
.honor-declare ul li {
	padding: 0 5px;
}
.honor-declare ul li img {
	display: block;
	margin: 0 auto 26px;
}
.honor-declare ul li p {
	margin: 0;
	font-size: 22px;
	color: #4c4c4c;
}
.honor-declare .btn {
	display: inline-block;
	height: 64px;
	line-height: 64px;
	overflow: hidden;
	padding: 0 44px;
	margin-top: 98px;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
	font-size: 24px;
	color: #fff;
	background-color: #f33142;
}

.case-detail {
	background-color: #fff;
}
.case-detail .pic {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.case-detail .pic:last-child {
	margin-bottom: 0;
}
.case-detail .desc {
	padding: 76px 20px;
}
.case-detail .desc .cont {
	width: 1200px;
	margin: 0 auto;
}
.case-detail .hd {
	margin-right: 160px;
}
.case-detail .hd h3 {
	margin: 0;
	font-size: 50px;
	font-weight: normal;
	color: #333;
}
.case-detail .hd p {
	line-height: 38px;
	margin: 30px 0;
	font-size: 18px;
	color: #4D4D4D;
}
.case-detail .hd img {
	height: 64px;
	margin-right: 36px;
}
.case-detail .bd h3 {
	line-height: 70px;
	margin: 0 0 30px;
	font-size: 50px;
	font-weight: normal;
	color: #333333;
}
.case-detail .bd p {
	line-height: 50px;
	margin: 0;
	font-size: 24px;
	color: #666666;
}
.case-detail .ft .item {
	display: inline-block;
	margin-right: 48px;
	color: #666666;
	text-align: center;
}
.case-detail .ft .item h3 {
	padding-right: 48px;
	margin: 0;
	border-right: 2px solid #4d4d4d;
	font-size: 80px;
	font-weight: normal;
}
.case-detail .ft .item:last-child h3 {
	border: 0;
}
.case-detail .ft .item h3 span {
	font-size: 40px;
}
.case-detail .ft .item p {
	padding-right: 48px;
	margin: 0;
	font-size: 32px;
}
.case-btn {
	padding: 50px 0;
	text-align: center;
	background-color: #fff;
}
.case-btn a {
	margin: 0 57px;
	font-size: 22px;
	color: #f33142;
}
.case-btn a:nth-child(2) {
	color: #4c4c4c;
}
.case-recommend {
	padding-bottom: 100px;
	border-top: 1px solid #ccc;
	background-color: #fff;
}
.case-recommend .hd {
	padding: 38px 0;
	font-size: 32px;
	color: #333;
	text-align: center;
}
.case-recommend ul li a {
	position: relative;
	display: block;
	overflow: hidden;
}
.case-recommend ul li a::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: block;
	visibility: hidden;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	content: '';
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.case-recommend ul li a:hover::before {
	visibility: visible;
	opacity: 1;
}
.case-recommend ul li a .pic {
	display: block;
	width: 100%;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.case-recommend ul li a:hover .pic {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.case-recommend ul li a .desc {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 0 40px 40px;
	color: #fff;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
}
.case-recommend ul li a:hover .desc {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.case-recommend ul li a .desc h3 {
	margin: 0 0 30px;
	font-size: 40px;
	font-weight: normal;
}
.case-recommend ul li a .desc p {
	margin: 0;
	font-size: 20px;
}
.about-history {
	padding: 56px 0;
	background-color: #fff;
	margin-bottom: 60px;
}
.history-pic {
	position: relative;
}
.history-pic .pic {
	display: block;
	width: 100%;
}
/* .history-pic .desc {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 580px;
	color: #fff;
	text-align: center;
	background-color: rgba(241, 73, 87, 0.7);
}
.history-pic .desc::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 274px;
	height: 228px;
	display: block;
	margin-left: -50px;
	border: 4px solid #fff;
	content: '';
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.history-pic .desc h3 {
	display: inline-block;
	margin: 0;
	font-size: 44px;
}
.history-pic .desc h3 p {
	margin: 14px 0 0;
	font-size: 24px;
	font-weight: normal;
	text-align: left;
} */
.history-list {
	overflow: hidden;
	padding: 59px 0 34px;
	background: url(../images/bg_history_list.png) repeat-y center top;
}
.history-list ul li {
	position: relative;
	width: 60px;
	margin: 0 auto 40px;
}
.history-list ul li .num {
	position: relative;
	display: block;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	background-color: #f33142;
}
.history-list ul li p,
.history-list ul li .pic {
	position: absolute;
}
.history-list ul li p {
	top: 13px;
	right: 127px;
	width: 430px;
	line-height: 32px;
	margin: 0;
	font-size: 20px;
	color: #3e3a39;
	text-align: left;
}
.history-list ul li p::before {
	position: absolute;
	top: 9px;
	right: -36px;
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: #f33142;
	content: '';
}
.history-list ul li .pic {
	top: 10px;
	left: 100%;
	margin-left: 21px;
}
.history-list ul li:first-child {
	width: 82px;
}
.history-list ul li:first-child .num {
	height: 82px;
	line-height: 82px;
}
.history-list ul li:first-child p {
	top: 25px;
	right: 138px;
}
.history-list ul li:first-child .pic {
	top: 21px;
}
.history-list ul li:nth-child(even) p {
	right: auto;
	left: 116px;
	text-align: justify;
}
.history-list ul li:nth-child(even) p::before {
	right: auto;
	left: -36px;
}
.hl1 {
	margin-bottom: 56px;
}
.hl1 ul li:nth-child(2) {
	margin-bottom: 104px;
}
.hl1 ul li:nth-child(3) {
	margin-bottom: 206px;
}
.about-team {
	padding: 86px 20px 20px;
	margin-bottom: 60px;
}
.about-team ul {
	margin: 0 -52px -17px 0;
}
.about-team ul li {
	padding: 0 52px 17px 0;
}
.about-team ul li a {
	display: block;
}
.about-team ul li a .pic {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
.about-team ul li a .pic img {
	display: block;
	width: 100%;
}
.about-team ul li a .pic .ft {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	line-height: 26px;
	padding: 16px;
	font-size: 15px;
	color: #000;
	background-color: rgba(204, 204, 204, 0.6);
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
}
.about-team ul li a .pic .ft p {
	margin: 0;
}
.about-team ul li a:hover .pic .ft {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.about-team ul li a .desc {
	padding: 16px;
	color: #000;
	background-color: #f2f2f2;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.about-team ul li a .desc h3 {
	margin: 0 0 8px;
	font-size: 28px;
	font-weight: normal;
}
.about-team ul li a .desc p {
	margin: 0;
	font-size: 15px;
}
.about-team ul li a:hover .desc {
	color: #fff;
	background-color: #f33142;
}
.about-way {
	padding: 250px 0;
	background-color: #fff;
}
.about-way .item {
	min-height: 637px;
	padding: 14px 20px;
	margin-bottom: 250px;
	background-repeat: no-repeat;
	background-position: center top;
}
.about-way .item .cont {
	width: 1520px;
	margin: 0 auto;
}
.about-way .item .pic {
	margin-left: 120px;
}
.about-way .item .pic.pull-left {
	margin: 0 120px 0 0;
}
.about-way .item h3 {
	margin: 0 0 50px;
	font-size: 50px;
	color: #666;
}
.about-way .item p {
	line-height: 46px;
	overflow: hidden;
	margin: 0;
	font-size: 24px;
	color: #333;
}
.about-service {
	overflow: hidden;
	padding: 56px 0 0;
	background-color: #fff;
	margin-bottom: 60px;
}
.about-service .item {
	position: relative;
	margin-bottom: 60px;
}
.about-service .item .pic {
	display: block;
	width: 100%;
}
.about-service .item .desc {
	position: absolute;
	top: 0;
	right: 50%;
	bottom: 0;
	left: 0;
	padding: 0 9.63541666%;
	color: #fff;
}
.about-service .item:nth-child(even) .desc {
	right: 0;
	left: 50%;
}
.about-service .item .desc h3 {
	margin: 0 0 50px;
	font-size: 40px;
}
.about-service .item .desc p {
	line-height: 30px;
	margin: 0;
	font-size: 15px;
}
.about-service .item:nth-child(3n+1) .desc {
	background-color: rgba(241, 73, 87, 0.86);
}
.about-service .item:nth-child(3n+2) .desc {
	background-color: rgba(122, 198, 254, 0.86);
}
.about-service .item:nth-child(3n+3) .desc {
	background-color: rgba(241, 145, 73, 0.86);
}
.about-job {
	padding: 130px 20px 90px;
	background-color: #fff;
	margin-bottom: 60px;
}
.about-job .title {
	margin-bottom: 60px;
}
.job-process {
	margin-bottom: 75px;
	text-align: center;
}
.job-process ul li {
	position: relative;
	display: inline-block;
	width: 160px;
	margin-right: 50px;
	font-size: 22px;
	color: #595757;
}
.job-process ul li:last-child {
	margin: 0;
}
.job-process ul li::before {
	display: block;
	height: 160px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	content: '';
}
.job-process ul li:first-child::before {
	background-image: url(../images/icon_job01.png);
}
.job-process ul li:nth-child(2)::before {
	background-image: url(../images/icon_job02.png);
}
.job-process ul li:nth-child(3)::before {
	background-image: url(../images/icon_job03.png);
}
.job-process ul li:nth-child(4)::before {
	background-image: url(../images/icon_job04.png);
}
.job-process ul li:nth-child(5)::before {
	background-image: url(../images/icon_job05.png);
}
.job-process ul li:not(:last-child)::after {
	position: absolute;
	top: 0;
	right: -36px;
	bottom: 0;
	display: block;
	width: 26px;
	background: url(../images/icon_job06.png) no-repeat center center;
	background-size: 100%;
	content: '';
}
.job-list {
	margin-bottom: 50px;
}
.job-list ul li {
	margin-bottom: 40px;
}
.job-list ul li .hd {
	padding: 15px 72px;
	color: #666;
	background-color: #f2f2f2;
	cursor: pointer;
}
.job-list ul li .hd h3 {
	margin: 0 0 15px;
	font-size: 36px;
	font-weight: normal;
}
.job-list ul li .hd p {
	margin: 0;
	font-size: 24px;
}
.job-list ul li .hd .btn a {
	display: block;
	width: 115px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	margin-bottom: 16px;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
	font-size: 20px;
	color: #f33142;
	text-align: center;
	background-color: #fff;
}
.job-list ul li .hd .btn ins {
	display: block;
	height: 19px;
	background: url(../images/icon_job07.png) no-repeat center center;
	background-size: auto 100%;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.job-list ul li .bd {
	display: none;
	padding: 45px 52px;
	color: #4c4c4c;
	background: url(../images/bg_jobs01.jpg) no-repeat center #ccc;
	background-size: auto 100%;
}
.job-list ul li .bd .item {
	padding: 0 20px;
}
.job-list ul li .bd .item h3 {
	margin: 0 0 38px;
	font-size: 24px;
}
.job-list ul li .bd .item p {
	line-height: 30px;
	margin: 0;
	font-size: 14px;
}
.job-list ul li.active .hd .btn a {
	color: #323232;
}
.job-list ul li.active .hd .btn ins {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
.job-contact {
	font-size: 18px;
	font-weight: bold;
	color: #595757;
	text-align: center;
}
.job-contact span {
	margin: 0 69px;
}
.about-contact {
	padding: 56px 20px;
	background-color: #fff;
}
.about-contact .item {
	padding: 35px 72px;
	margin-bottom: 40px;
	background-color: #f2f2f2;
}
.about-contact .item .map {
	width: 50%;
	height: 302px;
	margin-left: 60px;
}
.about-contact .item .desc {
	overflow: hidden;
}
.about-contact .item .desc h3 {
	margin: 0 0 30px;
	font-size: 28px;
	color: #000;
}
.about-contact .item .desc p {
	line-height: 20px;
	padding: 12px 0 12px 30px;
	margin: 0;
	font-size: 14px;
	color: #595757;
	background-repeat: no-repeat;
	background-position: left 11px;
}
.about-contact .item .desc p:nth-child(2) {
	background-image: url(../images/icon_map01.png);
}
.about-contact .item .desc p:nth-child(3) {
	background-image: url(../images/icon_map02.png);
}
.about-contact .item .desc p:nth-child(4) {
	background-image: url(../images/icon_map03.png);
}
.about-contact .item .desc p:nth-child(5) {
	background-image: url(../images/icon_map04.png);
}

.college-banner .pic {
	display: block;
	width: 100%;
}
.college-intro,
.college-strengths,
.college-works {
	padding: 60px 20px 0;
	background-color: #fff;
}
.college-intro .title {
	margin-bottom: 45px;
}
.college-intro .desc {
	width: 1135px;
	line-height: 36px;
	margin: 0 auto;
	font-size: 20px;
	color: #444;
	text-align: center;
}
.college-add {
	padding: 130px 20px 82px;
	text-align: center;
	background: url(../images/bg_college01.jpg) no-repeat center center;
	background-size: cover;
}
.college-add h3 {
	line-height: 60px;
	margin: 0 0 70px;
	font-size: 46px;
	color: #fff;
}
.college-add a {
	display: inline-block;
	height: 70px;
	line-height: 68px;
	overflow: hidden;
	padding: 0 66px;
	border: 1px solid #fff;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
	font-size: 26px;
	color: #fff;
}
.college-strengths {
	padding-bottom: 70px;
}
.college-strengths .title {
	margin-bottom: 50px;
}
.college-strengths .list {
	overflow: hidden;
}
.college-strengths .list ul li {
	float: left;
	width: 20%;
	padding: 62px 35px 10px;
	color: #fff;
	text-align: center;
	background-color: #f33142;
}
.college-strengths .list ul li::before {
	display: block;
	height: 120px;
	margin-bottom: 62px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	content: '';
}
.college-strengths .list ul li h3 {
	margin: 0 0 42px;
	font-size: 26px;
	font-weight: normal;
}
.college-strengths .list ul li p {
	height: 90px;
	line-height: 30px;
	overflow: hidden;
	margin: 0;
	font-size: 18px;
}
.college-strengths .list ul li:first-child::before {
	background-image: url(../images/icon_college01.png);
}
.college-strengths .list ul li:nth-child(2)::before {
	background-image: url(../images/icon_college02.png);
}
.college-strengths .list ul li:nth-child(3)::before {
	background-image: url(../images/icon_college03.png);
}
.college-strengths .list ul li:nth-child(4)::before {
	background-image: url(../images/icon_college04.png);
}
.college-strengths .list ul li:nth-child(5)::before {
	background-image: url(../images/icon_college05.png);
}
.college-strengths .list ul li:nth-child(even) {
	background-color: #80383e;
}
.college-course {
	padding: 70px 20px 0;
	background-color: #fff;
}
.college-course .title {
	margin-bottom: 58px;
}
.college-course .list {
	overflow: hidden;
}
.college-course .list ul {
	margin-right: -12px;
}
.college-course .list ul li {
	padding-right: 12px;
}
.college-course .list ul li .item {
	position: relative;
	display: block;
}
.college-course .list ul li img {
	display: block;
	width: 100%;
}
.college-course .list ul li p {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	margin: 0;
	font-size: 20px;
	color: #fff;
	text-align: center;
	background-color: rgba(241, 73, 87, 0.8);
}
.college-teachers {
	padding: 80px 20px 0;
	background-color: #fff;
}
.college-teachers .title {
	margin-bottom: 65px;
}
.teachers-list ul li a {
	position: relative;
	display: block;
}
.teachers-list ul li a::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: hidden;
	background-color: #ED636F;
	opacity: 0;
	content: '';
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.teachers-list ul li a .pic {
	display: block;
	width: 100%;
}
.teachers-list ul li a h3 {
	position: absolute;
	top: 41px;
	left: 16px;
	width: 18px;
	line-height: 15px;
	margin: 0;
	visibility: hidden;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	opacity: 0;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.teachers-list ul li a p {
	position: absolute;
	right: 65px;
	bottom: 40px;
	left: 30px;
	line-height: 20px;
	margin: 0;
	visibility: hidden;
	font-size: 14px;
	color: #fff;
	opacity: 0;
}
.teachers-list ul li a p::before {
	display: block;
	width: 0;
	height: 3px;
	margin-bottom: 8px;
	background-color: #fff;
	content: '';
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.teachers-list ul li a:hover h3 {
	top: 21px;
	visibility: visible;
	opacity: 1;
}
.teachers-list ul li a:hover::before {
	visibility: visible;
	opacity: 0.65;
}
.teachers-list ul li a:hover p {
	visibility: visible;
	opacity: 1;
}
.teachers-list ul li a:hover p::before {
	width: 54px;
}
.college-works .title {
	margin-bottom: 62px;
}
.college-works .list {
	overflow: hidden;
}
.college-works .list ul {
	margin-right: -10px;
}
.college-works .list ul li {
	padding-right: 10px;
}
.college-works .list ul li img {
	display: block;
	width: 100%;
}
.college-pay {
	padding: 70px 20px 60px;
	color: #333;
	background-color: #fff;
}
.college-pay .hd {
	text-align: center;
}
.college-pay .hd h3 {
	margin: 0 0 32px;
	font-size: 30px;
}
.college-pay .hd p {
	margin: 0;
	font-size: 20px;
}
.college-pay .bd {
	margin: 116px 0 78px;
	text-align: center;
}
.college-pay .bd img {
	margin: 0 35px;
}
.college-pay .ft {
	width: 923px;
	line-height: 32px;
	margin: 0 auto;
	font-size: 20px;
}
.college-discount {
	padding: 76px 20px;
	text-align: center;
	background: url(../images/bg_college02.jpg) no-repeat center center;
	background-size: cover;
}
.college-discount ul li {
	display: inline-block;
	padding: 40px 30px;
	margin: 0 35px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	color: #f33142;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 6px 6px 7px rgba(75, 0, 6, 0.47);
}
.college-discount ul li h3 {
	margin: 0 0 15px;
	font-size: 32px;
}
.college-discount ul li p {
	margin: 0;
	font-size: 24px;
}
.college-form {
	padding: 70px 20px;
	background-color: #fff;
}
.college-form .title {
	margin-bottom: 50px;
}
.college-form .group {
	overflow: hidden;
	margin-bottom: 30px;
}
.college-form .group label,
.college-form .group .submit {
	display: block;
	width: 190px;
	height: 64px;
	line-height: 64px;
	overflow: hidden;
	margin-right: 27px;
	border: 0;
	font-size: 20px;
	color: #fff;
	text-align: center;
	background-color: #f33142;
}
.college-form .group sup {
	top: -1em;
	margin-left: 5px;
}
.college-form .group .box {
	overflow: hidden;
}
.college-form .group .box .control {
	position: relative;
	border: 1px solid #ccc;
}
.college-form .group .box input,
.college-form .group .box textarea {
	display: block;
	width: 100%;
	height: 62px;
	padding: 10px;
	border: 0;
	font-size: 16px;
	text-align: center;
}
.college-form .group .box textarea {
	height: auto;
	line-height: 24px;
}
.college-form .group .box .yzm {
	width: 327px;
	padding-right: 119px;
	margin-right: 30px;
}
.college-form .group .box .yzm img {
	position: absolute;
	top: 50%;
	right: 22px;
	width: 97px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.course-detail {
	padding: 67px 10px;
	background-color: #fff;
}
.course-detail .intro {
	line-height: 46px;
	padding: 77px 97px 67px 135px;
	margin-bottom: 88px;
	font-size: 20px;
	color: #333;
	background: url(../images/bg_college03.png) no-repeat left top;
	box-shadow: 0px 9px 13px 0px rgba(75, 0, 6, 0.17);
}
.course-detail .table {
	border-radius: 10px 10px 0;
	-webkit-border-radius: 10px 10px 0;
	-moz-border-radius: 10px 10px 0;
	-ms-border-radius: 10px 10px 0;
	-o-border-radius: 10px 10px 0;
	font-size: 20px;
}
.course-detail .table table {
	width: 100%;
	text-align: center;
}
.course-detail .table table thead tr td {
	border-bottom: 2px solid #f33142;
	color: #f33142;
	background-color: #feecee;
}
.course-detail .table table thead tr td span {
	display: inline-block;
	line-height: 44px;
	padding-left: 37px;
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
}
.course-detail .table table thead tr td:first-child span {
	background-image: url(../images/icon_college20.png);
}
.course-detail .table table thead tr td:nth-child(2) span {
	background-image: url(../images/icon_college21.png);
}
.course-detail .table table thead tr td:nth-child(3) span {
	background-image: url(../images/icon_college22.png);
}
.course-detail .table table thead tr td:nth-child(4) span {
	background-image: url(../images/icon_college23.png);
}
.course-detail .table table tbody tr td {
	padding: 10px 0;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #b8b8b8;
	color: #333;
}
.course-detail .table table tbody tr td:first-child:not(:last-child) {
	border-left: 1px solid #b8b8b8;
	background-color: #fde5e7;
}
.course-dowhat {
	height: 730px;
	padding: 70px 10px 0;
	background: url(../images/bg_college04.jpg) no-repeat center center;
	background-size: cover;
}
.course-dowhat .title {
	margin-bottom: 40px;
	color: #fff;
}
.course-dowhat .title span {
	background-color: transparent;
}
.course-dowhat .title h3::before {
	right: auto;
	width: 68px;
	background-color: #fff;
}
.course-dowhat .title h3::after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 68px;
	height: 1px;
	background-color: #fff;
	content: '';
}
.course-dowhat .tabcont .item {
	width: 852px;
	margin: 0 auto 80px;
	color: #fff;
	text-align: center;
}
.course-dowhat .tabcont .item h3 {
	display: inline-block;
	height: 60px;
	line-height: 58px;
	overflow: hidden;
	padding: 0 20px;
	margin: 0 0 34px;
	border: 1px solid #fff;
	font-size: 26px;
	font-weight: normal;
}
.course-dowhat .tabcont .item p {
	line-height: 36px;
	margin: 0;
	font-size: 20px;
}
.course-dowhat .tabnav {
	text-align: center;
}
.course-dowhat .tabnav .item {
	display: inline-block;
	width: 165px;
	height: 165px;
	padding: 25px 10px 0;
	margin: 0 26px;
	border: 2px solid #fff;
	border-radius: 50%;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
.course-dowhat .tabnav .item.active {
	border-color: rgba(255, 255, 255, 0.32);
	background-color: rgba(241, 73, 87, 0.32);
}
.course-dowhat .tabnav .item::before {
	display: block;
	height: 75px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	content: '';
}
.course-dowhat .tabnav .item:first-child::before {
	background-image: url(../images/icon_college15.png);
}
.course-dowhat .tabnav .item:nth-child(2)::before {
	background-image: url(../images/icon_college15.png);
}
.course-dowhat .tabnav .item:nth-child(3)::before {
	background-image: url(../images/icon_college15.png);
}
.course-dowhat .tabnav .item:nth-child(4)::before {
	background-image: url(../images/icon_college15.png);
}
.course-dowhat .tabnav .item:nth-child(5)::before {
	background-image: url(../images/icon_college15.png);
}
.course-who {
	padding: 67px 10px 70px;
	background-color: #fff;
}
.course-who .title {
	margin-bottom: 56px;
}
.course-who .hd {
	width: 1080px;
	line-height: 36px;
	margin: 0 auto 108px;
	font-size: 20px;
	color: #333;
	text-align: center;
}
.course-who .bd {
	overflow: hidden;
	margin-bottom: 106px;
	text-align: center;
}
.course-who .bd li {
	display: inline-block;
	width: 192px;
	line-height: 36px;
	margin: 0 30px;
	font-size: 20px;
	color: #333;
	vertical-align: top;
}
.course-who .bd li img {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	border-radius: 10px 0 10px 0;
	-webkit-border-radius: 10px 0 10px 0;
	-moz-border-radius: 10px 0 10px 0;
	-ms-border-radius: 10px 0 10px 0;
	-o-border-radius: 10px 0 10px 0;
}
.course-who .bd li:nth-child(even) {
	margin-top: 50px;
}
.course-who .shouhuo {
	padding: 45px 120px 55px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	text-align: center;
	background: url(../images/bg_college05.png) no-repeat center bottom #f33142;
	background-size: 100%;
}
.course-who .shouhuo li {
	font-size: 20px;
	color: #fefefe;
}
.course-who .shouhuo li::before {
	display: block;
	height: 160px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	content: '';
}
.course-who .shouhuo li:first-child::before {
	background-image: url(../images/icon_college16.png);
}
.course-who .shouhuo li:nth-child(2)::before {
	background-image: url(../images/icon_college17.png);
}
.course-who .shouhuo li:nth-child(3)::before {
	background-image: url(../images/icon_college18.png);
}
.course-who .shouhuo li:nth-child(4)::before {
	background-image: url(../images/icon_college19.png);
}
.college-school {
	padding: 70px 20px 60px;
	background-color: #fff;
}
.college-school .title {
	margin-bottom: 68px;
}
.college-school .setting {
	overflow: hidden;
	margin-bottom: 64px;
}
.college-school .setting ul {
	margin-right: -36px;
}
.college-school .setting ul li {
	padding-right: 36px;
}
.college-school .setting ul li .item {
	position: relative;
	padding: 0 7px 7px 0;
}
.college-school .setting ul li .item::before {
	position: absolute;
	top: 7px;
	right: 0;
	bottom: 0;
	left: 7px;
	border: 1px solid #f33142;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-ms-border-radius: 18px;
	-o-border-radius: 18px;
	content: '';
}
.college-school .setting ul li .item .bd {
	position: relative;
	padding: 38px 0;
	border: 1px solid #f33142;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-ms-border-radius: 18px;
	-o-border-radius: 18px;
	color: #f33142;
	text-align: center;
	background-color: #fff;
}
.college-school .setting ul li .item .bd p {
	margin: 0 0 15px;
	font-size: 20px;
}
.college-school .setting ul li .item .bd h3 {
	margin: 0;
	font-size: 24px;
	font-weight: normal;
}
.college-school .day .hd h3 {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	padding: 0 58px 0 38px;
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	vertical-align: bottom;
	background: url(../images/bg_college06.jpg) no-repeat right center #f33142;
	background-size: auto 100%;
}
.college-school .day .bd .pic {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.college-school .day .bd p {
	line-height: 36px;
	margin: 0;
	font-size: 20px;
	color: #333;
	text-align: center;
}

.pc-banner,
.pc-banner a {
	display: block;
	height: 800px;
	max-height: 800px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.pc-banner a.mobile {
	display: none;
}
.full-banner,
.full-banner a {
	height: 100vh;
	max-height: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.dev {
	padding: 230px 0 100px;
}
.dev img {
	display: block;
	margin: 0 auto;
}

@media (max-width:1919px) {
	.pc-banner,
	.pc-banner a {
		height: 100vh;
	}
	.companies-box .desc {
		padding: 0 50px;
	}
	.companies-box .desc h3 {
		margin-bottom: 40px;
	}
}
@media (max-width:1590px) {
	.news-pagination.swiper-pagination {
		left: 0;
		width: 100%;
		padding: 0 20px;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
	}
}
@media (max-width:1549px) {
	.wrapper.pd {
		padding-top: 88px;
	}

	/* company */
	.company .subnav {
		padding: 10px 0;
	}
	.company .subnav ul li a {
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}
	.company .box {
		padding: 10px 30px;
	}
	.company .banner .address {
		height: 100px;
		line-height: 100px;
		font-size: 40px;
	}
	.team-list ul {
		width: 1000px;
		height: 400px;
	}
	.team-list ul li.roundabout-in-focus {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	}

	/* companies */
	.companies-box .desc {
		width: 500px;
		padding: 0 30px;
	}
	.companies-box .desc h3 {
		margin-bottom: 25px;
		font-size: 38px;
	}
	.companies-box .desc p {
		line-height: 32px;
		font-size: 18px;
	}
	.companies-box .words {
		line-height: 30px;
		padding: 16px 42px;
		font-size: 18px;
	}
	.companies-box .map {
		height: 500px;
	}

	.institute .product-introduction .desc {
		width: 1290px;
	}
	.institute-team-list,
	.research-list {
		padding: 0 30px;
	}

	.case-banner .desc {
		top: 88px;
	}
	.business-subnav a {
		height: 100px;
		padding-top: 10px;
		font-size: 26px;
	}
	.business-case {
		padding: 50px 0;
	}

	.daka-list .swiper-slide a .desc {
		padding: 0 20px 20px;
	}
	.daka-list .swiper-slide a .desc h3 {
		font-size: 30px;
	}
	.daka-list .swiper-slide a .desc h4 {
		margin: 10px 0 20px;
	}
	.popularity-list,
	.zdb-process-list {
		padding: 0 30px;
	}
	.zdb-process-list ul li,
	.zdb-process-list.zhk ul li {
		padding-bottom: 60px;
		font-size: 14px;
	}
	.zdb-process-list ul li:not(:last-child)::after {
		top: 80px;
	}
	.zdb-process-list ul li .pic {
		height: 100px;
	}
	.zdb-process-list ul li p {
		top: 120px;
	}
	
	.designer-intro {
		padding: 50px 20px 0;
	}
	.designer-intro .title {
		margin-bottom: 40px;
	}
	.designer-intro .pic {
		width: 500px;
		margin-left: 20px;
	}
	.designer-intro .desc .hd {
		margin-bottom: 20px;
	}
	.designer-intro .desc .bd p {
		padding: 6px 0 6px 26px;
	}
	.designer-intro .desc .bd p::before {
		top: 14px;
	}
	.designer-intro .desc .ft {
		margin-top: 53px;
	}

	.zj-header .bd ul li .item>a {
		font-size: 20px;
	}
	.zj-header .bd ul li .item .sub {
		padding: 20px 5px 0;
	}
	.zj-header .bd ul li .item .sub a {
		margin-bottom: 20px;
		font-size: 16px;
	}
	.zj-recommend ul li .hd .desc {
		padding: 40px 0 0 20px;
	}
	.zj-recommend ul li .hd .desc h3 {
		font-size: 30px;
	}
	.zj-recommend ul li .hd .desc h4 {
		font-size: 14px;
	}
	.zj-recommend ul li .hd .desc h5 {
		padding-left: 20px;
		margin: 30px 0 5px;
		font-size: 16px;
	}
	.zj-recommend ul li .hd .desc h5::before {
		top: 1px;
		width: 14px;
		height: 14px;
	}
	.zj-recommend ul li .hd .desc .btn {
		height: 50px;
		line-height: 50px;
	}
	.zj-recommend ul li .bd .item .desc,
	.zj-supply ul li .desc {
		padding: 0 10px 10px;
	}
	.zj-recommend ul li .bd .item .desc h3,
	.zj-supply ul li .desc h3 {
		font-size: 20px;
	}
	.zj-recommend ul li .bd .item .desc p,
	.zj-supply ul li .desc p {
		font-size: 14px;
	}
	.zj-recommend ul li .bd .item .desc p:nth-child(2),
	.zj-supply ul li .desc p:nth-child(2) {
		margin: 20px 0 10px;
	}
	.zj-recommend ul li .bd .item .desc p strong,
	.zj-supply ul li .desc p strong {
		font-size: 16px;
	}
	.release-list {
		padding: 24px 125px;
	}
	.release-swiper .swiper-slide .desc h3 {
		font-size: 20px;
	}
	.release-swiper .swiper-slide .desc p {
		font-size: 14px;
	}
	.release-swiper .swiper-slide .desc p:nth-child(2) {
		margin: 10px 0;
	}
	.zj-zph .bd ul li a .desc {
		padding: 30px 0;
	}
	.zj-detail .photo {
		margin: 0 30px 30px 0;
	}
	.zj-detail .intro .desc {
		padding: 20px 20px 10px;
	}
	.zj-detail .intro .group {
		margin-top: 20px;
	}

	.about-banner .desc h3 {
		font-size: 100px;
	}
	.about-banner .desc p {
		font-size: 40px;
	}
	.about-culture .bd .cont {
		width: auto;
	}
	.about-culture .bd .cont ul {
		margin-right: -40px;
	}
	.about-culture .bd .cont ul li {
		padding-right: 40px;
	}
	.about-team ul li a .pic .ft {
		line-height: 20px;
		font-size: 14px;
	}
	.about-way .item .cont {
		width: auto;
	}
	.about-service .item .desc h3 {
		margin-bottom: 20px;
		font-size: 24px;
	}
	.about-service .item .desc p {
		line-height: 24px;
		font-size: 14px;
	}
	.gsdt-list ul li a .pic {
		width: 550px;
		margin-right: 20px;
	}
	.gsdt-list ul li a .desc h3 {
		margin: 20px 0;
	}
	.gsdt-list ul li a .desc .ft {
		left: 580px;
		padding: 10px 0;
	}

	.college-strengths .list ul li {
		padding: 62px 20px 10px;
	}
	.college-strengths .list ul li h3 {
		margin-bottom: 20px;
		font-size: 20px;
	}
	.college-strengths .list ul li p {
		font-size: 14px;
	}
}
@media (max-width:1439px) {
	.company .map .desc {
		margin-right: 30px;
	}
	.company .box .desc ul {
		padding-right: 0;
	}
	.team-list ul {
		width: 800px;
	}
	.product-banner .product-pagination {
		bottom: 10px;
	}
	.product .box {
		padding: 50px 20px;
	}
	.product-introduction .desc {
		width: auto!important;
	}
	.advantage-list {
		width: auto;
	}
	.product .institute-operating {
		padding: 50px 0;
	}
	.research-list ul li .item .desc h3 {
		line-height: 50px;
		margin-bottom: 10px;
	}
	.research-list ul li .item .desc p {
		line-height: 26px;
	}

	.business .box .item .desc h3 {
		font-size: 40px;
	}
	.business .box .item .desc h4 {
		padding-bottom: 10px;
		margin: 10px 0;
		font-size: 28px;
	}
	/* .business .box .item .desc h4::after {
		width: 360px;
	} */
	.business .box .item .desc p {
		line-height: 28px;
		font-size: 14px;
	}

	.case-subnav a {
		height: 80px;
		line-height: 80px;
		font-size: 16px;
	}
	.case-subnav a.active::after,
	.case-subnav a:hover::after {
		height: 5px;
	}
	
	.business.mode .box .item .desc h4 {
		font-size: 28px;
	}

	.zj-investment {
		padding: 50px;
	}
	.zj-investment .form .group {
		padding-left: 300px;
	}
	.zj-investment .form .group label {
		width: 300px;
	}
	.zj-investment .form .group label span {
		height: 80px;
		line-height: 80px;
		font-size: 24px;
	}
	.zj-investment .form .group input {
		height: 80px;
	}
	.zj-zph .bd ul li {
		padding-right: 10px;
	}
	.zj-designer .bd ul li .desc h3,
	.zj-detail .recommend ul li .desc h3 {
		font-size: 18px;
	}
	.zj-designer .bd ul li .desc h4,
	.zj-detail .recommend ul li .desc h4 {
		font-size: 14px;
	}
	.zj-designer .bd ul li .desc p span strong,
	.zj-detail .recommend ul li .desc p span strong {
		font-size: 16px;
	}

	.nd-recommend {
		margin-left: 20px;
	}
	
	.patent-list ul {
		margin: 0 -30px -30px 0;
	}
	.patent-list ul li {
		padding: 0 30px 30px 0;
	}
	.about-way {
		padding: 50px 0;
	}
	.about-way .item {
		min-height: 0;
		margin-bottom: 100px;
		background-size: auto 100%;
	}
	.about-way .item .pic {
		height: 400px;
		margin-left: 50px;
	}
	.about-way .item .pic.pull-left {
		margin-right: 50px;
	}
	.about-way .item h3 {
		margin-bottom: 20px;
		font-size: 30px;
	}
	.about-way .item p {
		line-height: 30px;
		font-size: 20px;
	}
	.job-process ul li {
		width: 100px;
	}
	.job-process ul li::before {
		height: 100px;
	}
	.job-process ul li:not(:last-child)::after {
		width: 15px;
	}
	.job-list ul li .hd {
		padding: 15px 30px;
	}
	.job-list ul li .hd h3 {
		font-size: 20px;
	}
	.job-list ul li .hd p {
		font-size: 16px;
	}
	.job-list ul li .hd .btn a {
		height: 30px;
		line-height: 30px;
		margin-bottom: 5px;
		font-size: 16px;
	}
	.job-list ul li .hd .btn ins {
		height: 16px;
	}
	.job-list ul li .bd {
		padding: 15px;
	}
	.job-list ul li .bd .item {
		padding: 0 15px;
	}
	.job-list ul li .bd .item h3 {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.job-list ul li .bd .item p {
		line-height: 22px;
	}
	.job-contact span {
		margin: 0 20px;
	}
	.about-contact .item {
		padding: 20px;
	}
	
	.course-dowhat .tabnav .item {
		width: 120px;
		height: 120px;
		padding-top: 10px;
		margin: 0 10px;
		font-size: 16px;
	}
	.course-dowhat .tabnav .item::before {
		height: 60px;
	}
	.course-who .hd {
		width: auto;
	}
	.course-who .bd li {
		width: 168px;
		line-height: 20px;
		margin: 0 10px;
		font-size: 14px;
	}
	.college-school .setting ul {
		margin-right: -10px;
	}
	.college-school .setting ul li {
		padding-right: 10px;
	}

	.dev {
		padding: 140px 0 40px;
	}
	.dev img {
		width: 230px;
	}
}
@media (max-width:1279px) {
	.wrapper.pd {
		padding-top: 51px;
	}

	.company .banner .desc {
		right: 20px;
		bottom: 20px;
	}
	.company .box .desc h3 {
		margin-bottom: 20px;
		font-size: 20px;
	}
	.company .map .desc {
		width: 45%;
	}
	.company .box .desc p {
		margin-bottom: 30px;
		font-size: 16px;
	}
	.company .box .desc ul li {
		font-size: 16px;
	}
	/* #map {
		height: 300px;
	} */
	.company .team {
		padding: 50px;
	}
	.company .team .title {
		margin-bottom: 50px;
	}
	.team-swiper {
		display: block;
	}
	.team-swiper .pic {
		display: block;
		width: 100%;
	}
	.team-list {
		display: none;
	}
	.companies-box {
		padding: 20px 30px 80px;
	}
	.companies-box .desc {
		width: 320px;
	}
	.companies-box .desc h3 {
		margin-bottom: 15px;
		font-size: 30px;
	}
	.companies-box .desc p {
		line-height: 24px;
		font-size: 14px;
	}
	.companies-box .words {
		line-height: 22px;
    padding: 10px 20px;
    margin-bottom: 20px;
    font-size: 14px;
	}

	.operating-list {
		height: auto;
		padding: 20px;
	}
	.operating-list .list {
		width: auto;
		margin-bottom: 10px;
		background: transparent;
	}
	.operating-list ul {
		margin: 0!important;
	}
	.operating-list ul li {
		float: none!important;
		overflow: hidden;
		margin: 0 0 20px!important;
	}
	.operating-list ul li .hd {
		float: left;
		margin-right: 20px;
	}
	.operating-list ul li .desc {
		position: static;
		overflow: hidden;
		margin: 0!important;
		text-align: left!important;
	}
	.operating-list .intro {
		padding: 0;
	}
	.research-list ul li {
		width: 50%;
	}
	.research-list ul li .item .desc {
		height: 58px;
		padding: 10px 20px;
	}
	.research-list ul li .item .desc h3 {
		font-size: 16px;
	}
	.research-list ul li .item .desc p {
		line-height: 22px;
		font-size: 14px;
	}

	.business-banner .item img {
		width: 150px;
	}
	.business-banner .item .bigzm {
		width: 150px;
		height: 150px;
		line-height: 150px;
		font-size: 100px;
	}
	.business-banner .item h3 {
		margin: 40px 0 20px;
		font-size: 18px;
	}
	.business-banner .item p {
		line-height: 20px;
		font-size: 14px;
	}
	.business-subnav a {
		height: 60px;
		line-height: 24px;
		padding-top: 6px;
		font-size: 20px;
	}

	.case-banner .desc {
		top: 51px;
	}
	.case-banner .desc h3,
	.mode .case-banner .desc h3 {
		font-size: 40px;
	}
	.case-banner .desc p {
		font-size: 26px;
	}
	.case-subnav a {
		height: 60px;
		line-height: 60px;
		font-size: 14px;
	}

	.mode .case-banner .desc h4 {
		font-size: 80px;
	}
	.mode .case-banner .desc p {
		font-size: 16px;
	}
	.mode .case-banner .desc h5 {
		font-size: 20px;
	}
	.mode .case-banner .desc h5 span {
		padding: 0 50px;
	}

	.questionnaire {
		padding: 200px 30px 0;
	}
	.questionnaire .box {
		width: auto;
		padding: 20px;
	}
	.questionnaire .box .form {
		padding: 30px 0;
	}
	.questionnaire .box .form .hd h3 {
		margin-bottom: 15px;
	}

	.zdb-subnav a {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.daka-pagination {
		margin-top: 20px;
	}
	.daka-pagination .swiper-pagination-bullet {
		width: 50px;
		height: 4px;
	}
	.zhiduobang .box {
		padding: 30px 0;
	}
	.popularity-list,
	.zdb-process-list {
		padding: 0 10px;
	}
	.popularity-list ul li {
		margin-bottom: 10px;
	}
	.popularity-list ul li a .pic {
		width: 260px;
		margin-right: 15px;
	}
	.popularity-list ul li a .desc .hd {
		padding: 20px 0;
		margin-bottom: 20px;
	}
	.popularity-list ul li a .desc .hd ins {
		margin-right: 30px;
		font-size: 24px;
	}
	.popularity-list ul li a .desc .hd ins strong {
		font-size: 40px;
	}
	.popularity-list ul li a .desc .hd h3 {
		margin: 50px 0 0;
		font-size: 26px;
	}
	.popularity-list ul li a .desc .hd h3 span {
		font-size: 18px;
	}
	.popularity-list ul li a .desc .hd .price {
		font-size: 14px;
	}
	.popularity-list ul li a .desc .hd .price p {
		line-height: 28px;
	}
	.designer-sort {
		margin-bottom: 40px;
	}
	.designer-sort ul li>a span {
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
	.designer-list ul li {
		width: 33.33333333%;
		padding: 0 10px 10px 0;
	}
	.designer-list ul li a .desc {
		padding: 10px;
	}
	.designer-list ul li a .desc h3 {
		font-size: 18px;
	}
	.designer-list ul li a .desc h4 {
		margin: 15px 0;
		font-size: 14px;
	}
	.designer-list ul li a .desc .ft {
		line-height: 30px;
		font-size: 12px;
	}
	.recommend-list ul li a .desc {
		padding: 0 10px 10px;
	}
	.recommend-list ul li a .desc h3 {
		font-size: 20px;
	}
	.recommend-list ul li a .desc p {
		margin-top: 10px;
		font-size: 12px;
	}
	.recommend-list ul li a .desc p:last-child {
		margin-top: 10px;
	}
	.recommend-list ul li a .desc p span {
		font-size: 16px;
	}

	.designer-intro {
		margin-bottom: 40px;
	}
	.designer-intro .pic {
		width: 400px;
	}
	.designer-intro .desc {
		padding-bottom: 10px;
	}
	.designer-intro .desc .hd {
		height: 40px;
		line-height: 40px;
		font-size: 30px;
	}
	.designer-intro .desc .hd span {
		font-size: 16px;
	}
	.designer-intro .desc .hd .rqzs {
		font-size: 16px;
	}
	.designer-intro .desc .hd .rqzs .vote {
		margin-left: 5px;
	}
	.designer-intro .desc .bd p {
		font-size: 14px;
	}
	.designer-intro .desc .ft {
		line-height: 30px;
		margin-top: 7px;
		font-size: 20px;
	}
	.designer-intro .desc .ft span {
		font-size: 22px;
	}
	.designer-intro .desc .ft .btn {
		width: 100px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.pieces-list ul li a .desc {
		padding: 0 10px 10px;
	}
	.pieces-list ul li a .desc h3 {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.pieces-list ul li a .desc p {
		font-size: 12px;
	}
	.pieces-list ul li a .desc .icon {
		right: 10px;
		bottom: 10px;
	}
	.pieces-list ul li a .desc .icon img {
		height: 30px;
		margin-left: 10px;
	}

	.designer-info .pic {
		width: 200px;
	}
	.designer-info .desc h3 {
		margin-bottom: 30px;
		font-size: 30px;
	}
	.designer-info .desc h3 span {
		font-size: 16px;
	}
	.designer-info .desc p {
		font-size: 14px;
	}
	.designer-related {
		width: 300px;
		margin-left: 20px;
	}
	.designer-related .hd {
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	.zj-recommend {
		padding: 50px 0 0;
	}
	.zj-recommend ul li .hd {
		margin-right: 10px;
	}
	.zj-recommend ul li .hd .desc {
		padding: 20px 10px 0;
	}
	.zj-recommend ul li .hd .desc h3 {
		font-size: 20px;
	}
	.zj-recommend ul li .hd .desc h4 {
		font-size: 12px;
	}
	.zj-recommend ul li .hd .desc h5 {
		margin: 10px 0 5px;
	}
	.zj-recommend ul li .hd .desc p {
		font-size: 12px;
	}
	.zj-recommend ul li .hd .desc .btn {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.release-list {
		padding: 20px 50px;
	}
	.release-list .container .btn {
		width: 50px;
		background-size: 50%;
	}
	.release-list .container .release-prev {
		left: -50px;
	}
	.release-list .container .release-next {
		right: -50px;
	}
	.zj-detail {
		padding: 30px 10px;
	}
	.zj-detail .photo {
		width: 330px;
	}
	.zj-detail .photo .pic {
		float: none;
	}
	.zj-detail .photo .pic img {
		width: 100%;
	}
	.zj-detail .photo ul {
		float: none;
		width: auto;
		overflow: hidden;
		margin: 10px -10px 0 0;
	}
	.zj-detail .photo ul li {
		float: left;
		width: 25%;
		padding-right: 10px;
	}
	.zj-detail .intro .hd h3 {
		font-size: 26px;
	}
	.zj-detail .intro .hd p {
		margin: 5px 0 10px;
		font-size: 14px;
	}
	.zj-detail .intro .desc {
		padding: 10px;
	}
	.zj-detail .intro .group {
		margin-top: 15px;
	}
	.zj-detail .recommend {
		width: 300px;
		margin-left: 10px;
	}
	.zj-detail .recommend .hd {
		height: 62px;
		line-height: 50px;
		margin-bottom: 10px;
		font-size: 26px;
	}
	.zj-detail .recommend ul li {
		margin-bottom: 10px;
	}
	.zj-detail .content .tabnav {
		padding: 10px 0;
	}

	.news-subnav a {
		height: 60px;
		line-height: 60px;
		font-size: 20px;
	}
	.news-list {
		padding: 50px 20px;
	}
	.news-detail .content {
		padding: 30px 20px;
	}
	.nd-recommend {
		width: 300px;
	}

	.about-subnav a {
		height: 60px;
		line-height: 60px;
		font-size: 20px;
	}
	.honor-prize ul li a .desc h3 {
		font-size: 22px;
	}
	.honor-prize ul li a .desc p {
		font-size: 18px;
	}
	.honor-prize ul li a .desc p strong {
		font-size: 24px;
	}
	.honor-list .cont {
		width: auto;
	}
	.honor-declare ul li p {
		font-size: 18px;
	}

	.case-detail .desc .cont {
		width: auto;
	}
	.case-recommend ul li a .desc {
		padding: 0 20px 20px;
	}
	.case-recommend ul li a .desc h3 {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.case-recommend ul li a .desc p {
		font-size: 14px;
	}

	.about-culture .hd .corporate .col-6 {
		height: 300px;
	}
	.about-culture .hd .corporate .col-6 .info h3 {
		font-size: 30px;
	}
	.about-culture .hd .corporate .col-6 .info h4 {
		margin: 10px 0 20px;
	}
	.about-culture .hd .corporate .col-6 .info h5 {
		padding: 10px 30px;
		margin-bottom: 20px;
		font-size: 20px;
	}
	.about-culture .hd .corporate .col-6 .info p {
		line-height: 40px;
		font-size: 16px;
	}
	.about-culture .hd .corporate .col-6 .info.center p {
		line-height: 30px;
	}
	.about-culture .bd .cont ul {
		margin-right: -20px;
	}
	.about-culture .bd .desc {
		width: auto;
	}
	.about-culture .bd .cont ul li {
		padding-right: 20px;
	}
	.history-list ul li p {
		width: 350px;
	}
	.about-team ul li a .pic .ft {
		line-height: 18px;
		font-size: 12px;
	}
	.about-service .item .desc {
		padding: 0 5%;
	}
	.about-service .item .desc h3 {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.about-service .item .desc p {
		line-height: 20px;
	}
	.gsdt-list ul li a .pic {
		width: 400px;
		margin-right: 10px;
	}
	.gsdt-list ul li a .desc h3 {
		margin: 10px 0;
		font-size: 20px;
	}
	.gsdt-list ul li a .desc p {
		height: 88px;
	}
	.gsdt-list ul li a .desc .ft {
		left: 420px;
	}

	.college-intro .desc,
	.college-pay .ft {
		width: auto;
	}
	.college-school .setting ul li .item .bd p {
		font-size: 14px;
	}
	.college-school .setting ul li .item .bd h3 {
		font-size: 16px;
	}

	.dev {
		padding: 100px 0 50px;
	}
}
@media (max-width:900px) {
	.pic.pc {
		display: none!important;
	}
	.pic.mobile {
		display: block!important;
	}
	.pc-banner,
	.pc-banner a {
		height: 50vh;
	}
	.pc-banner a.pc {
		display: none;
	}
	.pc-banner a.mobile {
		display: block;
	}
	.company .subnav ul {
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.company .subnav ul li {
		float: none;
		display: inline-block;
		width: auto;
	}
	.company .subnav ul li a {
		height: 32px;
		line-height: 32px;
		padding: 0 10px;
		font-size: 14px;
	}
	.company .banner .desc {
		right: 10px;
		bottom: 10px;
	}
	.company .banner .desc h3 {
		margin: 0 0 10px;
		font-size: 20px;
	}
	.company .banner .desc h4 {
		font-size: 14px;
	}
	.company .box {
		padding: 10px;
	}
	.company .box .desc {
		float: none;
		width: 100%;
		padding: 0;
	}
	.company .box .desc h3 {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.company .box .desc h3 span {
		margin-left: 10px;
	}
	.company .box .desc p {
		line-height: 22px;
		margin: 0;
		font-size: 12px;
	}
	.company .box .desc ul li {
		padding-left: 30px;
		font-size: 14px;
	}
	.company .map .desc {
		margin: 0;
	}
	.company .banner .address {
		height: 24px;
		line-height: 24px;
		font-size: 12px;
		font-weight: normal;
	}
	.company .team {
		padding: 20px 0 0;
	}
	.company .team .title {
		margin-bottom: 30px;
	}
	.companies .banner {
		height: 50vh;
	}
	.companies .subnav ul {
		width: 100%;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.companies .subnav ul li {
		float: none;
    display: inline-block;
    width: auto;
	}
	.companies .subnav ul li a {
    height: 40px;
    line-height: 40px;
		padding: 0 10px;
		font-size: 14px;
	}
	.companies-box {
		padding: 10px 10px 50px;
	}
	.companies-box .hd {
		margin-bottom: 10px;
	}
	.companies-box .hd h3 {
		font-size: 24px;
	}
	.companies-box .hd h4 {
		margin: -12px 0 0 20px;
    font-size: 18px;
	}
	.companies-box .photo {
		margin: 0 0 10px;
	}
	.companies-box .photo .col-6 {
		float: none;
		width: 100%;
		padding: 0 0 10px;
	}
	.companies-box .flexbox {
		flex-direction: column;
	}
	.companies-box .desc {
		width: auto;
		padding: 10px;
	}
	.companies-box .desc h3 {
		font-size: 20px;
	}
	.companies-box .words {
		padding: 10px;
		margin-bottom: 10px;
	}
	.companies-box .map {
		height: 50vh;
	}

	.product {
		padding-bottom: 10px;
	}
	.product-subnav ul li a {
		height: 32px;
		line-height: 32px;
		font-size: 14px;
	}
	.product .box {
		padding: 20px 10px;
	}
	.product-introduction .pic {
		height: 80px;
	}
	.product-introduction .title {
		padding: 20px 0;
	}
	.product-introduction .desc {
		line-height: 24px;
		font-size: 12px;
	}
	.advantage-list ul li p {
		font-size: 14px;
	}
	.advantage-list ul li .pic {
		width: 60%;
		margin-bottom: 10px;
	}
	.customers-list {
		padding: 0;
	}
	.product-process .pic {
		display: none;
	}
	.process-list {
		display: block;
		overflow: hidden;
	}
	.process-list ul {
		margin: 0 -10px -10px 0;
	}
	.process-list ul li {
		padding: 0 10px 10px 0;
	}
	.process-list ul li p {
		margin: 0;
		border-radius: 40px;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		-ms-border-radius: 40px;
		-o-border-radius: 40px;
		color: #fff;
		text-align: center;
		background-color: #f33142;
	}
	.process-list ul li span {
		display: inline-block;
		height: 40px;
		line-height: 40px;
		overflow: hidden;
		padding: 0 50px;
		background-repeat: no-repeat;
		background-position: 10px center;
		background-size: auto 100%;
	}
	.process-list ul li:first-child span {
		background-image: url(../images/icon_process01.png);
	}
	.process-list ul li:nth-child(2) span {
		background-image: url(../images/icon_process02.png);
	}
	.process-list ul li:nth-child(3) span {
		background-image: url(../images/icon_process03.png);
	}
	.process-list ul li:nth-child(4) span {
		background-image: url(../images/icon_process04.png);
	}
	.process-list ul li:nth-child(5) span {
		background-image: url(../images/icon_process05.png);
	}
	.process-list ul li:nth-child(6) span {
		background-image: url(../images/icon_process06.png);
	}
	.process-list ul li:nth-child(7) span {
		background-image: url(../images/icon_process07.png);
	}
	.process-list ul li:nth-child(8) span {
		background-image: url(../images/icon_process08.png);
	}
	.product .product-case {
		padding: 20px 0;
	}
	.product-process .title,
	.product-case .title,
	.product-customers .title,
	.institute-team .title,
	.institute-operating .title,
	.institute-research .title {
		margin-bottom: 20px;
	}
	.case-list ul li {
		float: none;
		width: 100%;
	}
	.case-list ul li a .desc .item {
		padding: 10px;
	}
	.case-list ul li a .desc .item p {
		margin-bottom: 10px;
		font-size: 12px;
	}
	.case-list ul li a .desc .item h3 {
		font-size: 14px;
	}
	.product-link {
		padding: 0 10px;
	}
	.product-link .btn {
		padding: 0 20px;
	}
	.product-link .btn span {
		height: 40px;
		line-height: 40px;
		padding: 0 20px 0 30px;
		font-size: 14px;
		background-size: auto 20px;
	}
	.product-customers {
		padding: 10px 0;
	}
	.customers-swiper {
		padding-bottom: 30px;
	}
	.customers-pagination .swiper-pagination-bullet {
		background-color: #494949;
		opacity: 0.2;
	}
	.customers-pagination .swiper-pagination-bullet-active {
		opacity: 1;
	}

	.institute-team-list, .research-list {
		padding: 0 10px;
	}
	.institute-team-list ul li {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.institute-team-list ul li a .desc {
		padding: 10px 0 10px 10px;
	}
	.institute-team-list ul li a .desc h3 {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.institute-team-list ul li a .desc p {
		font-size: 14px;
	}
	.product .institute-operating {
		padding: 10px 0;
	}
	.operating-list {
		padding: 10px;
	}
	.operating-list ul li .hd::before {
		height: 40px;
	}
	.operating-list ul li .hd h3 {
		font-size: 14px;
	}
	.operating-list ul li .desc p {
		line-height: 20px;
		font-size: 14px;
	}
	.operating-list .intro {
		line-height: 20px;
		font-size: 12px;
		text-align: left;
	}
	.product .institute-research {
		padding: 20px 0 0;
	}
	.institute-team-list, .research-list {
		padding: 0;
	}
	.research-list ul li {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}

	.business-banner .video {
		display: none;
	}
	.business-banner .pic {
		display: block;
	}
	.business-banner .item img {
		width: 60px;
	}
	.business-banner .item .bigzm {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 36px;
	}
	.business-banner .item h3 {
		margin: 20px 0 10px;
		font-size: 14px;
	}
	.business-banner .item p {
		display: none;
		line-height: 14px;
		font-size: 10px;
	}
	.business-subnav a {
		height: 40px;
		line-height: 16px;
		padding-top: 4px;
		font-size: 14px;
	}
	.business .box .item {
		padding: 0 10px;
	}
	.business .box .item .desc {
		float: none;
		padding: 10px;
		text-align: left;
		background-color: rgba(255, 255, 255, 0.5);
	}
	.business .box.white .item .desc {
		background-color: rgba(0, 0, 0, 0.5);
	}
	.business .box .item .desc h3 {
		display: inline-block;
		line-height: 16px;
		margin-right: 5px;
		font-size: 14px;
	}
	.business .box .item .desc h3 span {
		display: none;
	}
	.business .box .item .desc h3 em {
		display: inline;
	}
	.business .box .item .desc h4 {
		padding-bottom: 5px;
		margin: 5px 0;
		font-size: 12px;
	}
	/* .business .box .item .desc h4::after {
		width: 100%;
	} */
	.business .box .item .desc p {
		display: inline-block;
		line-height: 16px;
		margin-right: 2px;
		font-size: 10px;
	}
	.business-case {
		padding: 20px 0 0;
	}
	.business-case .title {
		margin-bottom: 20px;
	}
	.business-case-list ul {
		margin: 0;
	}
	.business-case-list ul li {
		float: none;
		width: auto;
		padding: 0;
		margin-bottom: 10px;
	}
	.business-case-list ul li a .desc {
		visibility: visible;
		background-color: rgba(0, 0, 0, 0.3);
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
}

	.case-banner .desc h3,
	.mode .case-banner .desc h3 {
		margin-bottom: 5px;
		font-size: 16px;
	}
	.case-banner .desc p {
		font-size: 14px;
	}
	.case-subnav {
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
	}
	.case-subnav::-webkit-scrollbar {
		display: none;
	}
	.case-subnav a {
		float: none;
		display: inline-block;
		width: auto;
		height: 40px;
		line-height: 40px;
		padding: 0 10px;
	}
	.case-subnav a.active::after,
	.case-subnav a:hover::after {
		height: 2px;
	}

	.mode .case-banner .desc h4 {
		margin-bottom: 10px;
		font-size: 22px;
	}
	.mode .case-banner .desc p {
		font-size: 12px;
	}
	.mode .case-banner .desc h5 {
		margin-top: 10px;
		font-size: 14px;
	}
	.mode .case-banner .desc h5 span {
		padding: 0 20px;
	}
	.business.mode .box .item .desc h4 {
		font-size: 12px;
	}
	
	.questionnaire {
		padding: 100px 10px 10px;
		background-size: auto 50vh;
	}
	.questionnaire .box {
		padding: 10px;
	}
	.questionnaire .box .form {
		padding: 10px 0;
		border-width: 2px;
	}
	.questionnaire .box .form .hd h3 {
		margin-bottom: 0;
		font-size: 16px;
	}
	.questionnaire .box .form .hd h4 {
		padding: 0 30px;
		font-size: 12px;
	}
	.questionnaire .box .form .bd {
		padding: 0 10px;
	}
	.questionnaire .box .form .bd .col-6 {
		float: none;
		width: auto;
	}
	.form-group {
		padding: 0 0 0 20px;
		margin-bottom: 10px;
	}
	.form-group ins {
		top: 3px;
	}
	.form-group h3 {
		line-height: 30px;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.form-control input[type=text] {
		height: 40px;
		font-size: 12px;
	}
	.form-control .radiobox,
	.form-control .checkbox {
		display: block;
	}
	.form-control label {
		line-height: 30px;
		padding-left: 20px;
		margin-right: 0;
		font-size: 12px;
	}
	.form-control label::before {
		width: 10px;
		height: 10px;
		border-width: 2px;
	}
	.questionnaire .box .form .bd .ctt input {
		padding-left: 35px;
	}
	.form .btn-submit {
		width: 100%;
		height: 40px;
		margin-top: 10px;
		font-size: 16px;
	}

	.zhiduobang .box {
		padding: 20px 0;
	}
	.zdb-daka .title,
	.zdb-popularity .title,
	.zdb-process .title,
	.zdb-designer .title {
		margin-bottom: 20px;
	}
	.daka-pagination {
		margin-top: 5px;
	}
	.daka-pagination .swiper-pagination-bullet {
		width: 30px;
		height: 2px;
	}
	.popularity-list,
	.zdb-process-list {
		padding: 0;
	}
	.popularity-list ul li a {
		padding-right: 0;
	}
	.popularity-list ul li a .pic {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.popularity-list ul li a .desc {
		padding: 10px;
	}
	.popularity-list ul li a .desc .hd {
		padding: 0 0 10px;
		margin-bottom: 10px;
		border-bottom-width: 1px;
	}
	.popularity-list ul li a .desc .hd ins {
		margin-right: 20px;
		font-size: 16px;
	}
	.popularity-list ul li a .desc .hd ins strong {
		margin-top: 10px;
		font-size: 26px;
	}
	.popularity-list ul li a .desc .hd h3 {
		margin: 18px 0 0;
		font-size: 16px;
	}
	.popularity-list ul li a .desc .hd h3 span {
		font-size: 12px;
	}
	.popularity-list ul li a .desc .hd .price {
		float: none;
		font-size: 12px;
	}
	.popularity-list ul li a .desc .hd .price p {
		display: inline;
		line-height: 1;
	}
	.vote {
		width: 69px;
	}
	.vote .star {
		height: 10px;
	}
	.zdb-process-list ul li,
	.zdb-process-list.zhk ul li {
		width: 50%;
		margin-bottom: 10px;
	}
	.zdb-process-list.zhk ul li:last-child {
		width: 100%;
	}
	.zdb-process-list ul li:not(:last-child)::after {
		display: none;
	}
	.designer-sort {
		margin-bottom: 10px;
	}
	.designer-sort ul li {
		width: 33.33333333%;
	}
	.designer-sort ul li>a span {
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
	.designer-sort ul li>a.more span {
		padding-right: 10px;
		background-size: 6px;
	}
	.designer-sort ul li .sub {
		padding: 0;
	}
	.designer-sort ul li .sub a {
		display: block;
		line-height: 20px;
		margin: 0;
		font-size: 12px;
		text-align: center;
	}
	.designer-sort ul li.full .sub a {
		margin: 0;
	}
	.designer-list ul li {
		float: none;
		width: auto;
		padding: 0;
		margin-bottom: 10px;
	}
	.recommend-list ul li {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}

	.designer {
		padding-bottom: 10px;
	}
	.designer-intro {
		padding: 20px 0;
		margin-bottom: 0;
	}
	.designer-intro .title,
	.designer-pieces .title {
		margin-bottom: 10px;
	}
	.designer-intro .pic {
		float: none;
		width: 100%;
		margin: 0;
	}
	.designer-intro .desc {
		padding: 10px;
	}
	.designer-intro .desc .hd {
		height: 24px;
		line-height: 24px;
		margin-bottom: 10px;
		font-size: 18px;
	}
	.designer-intro .desc .hd span {
		margin-left: 10px;
		font-size: 12px;
	}
	.designer-intro .desc .hd .rqzs {
		font-size: 14px;
	}
	.designer-intro .desc .bd p {
		line-height: 24px;
		font-size: 12px;
	}
	.designer-intro .desc .bd p::before {
		top: 12px;
	}
	.designer-intro .desc .ft {
		margin-top: 10px;
		font-size: 16px;
	}
	.designer-intro .desc .ft span {
		margin-left: 10px;
		font-size: 18px;
	}
	.designer-pieces {
		padding-top: 20px;
	}
	.pieces-list ul li {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}

	.design-form {
		width: 100%;
	}
	.design-form .hd .btn-close {
		width: 30px;
		height: 30px;
		line-height: 26px;
		font-size: 30px;
	}
	.design-form .bd {
		padding: 10px;
	}
	.design-form .bd h3 {
		font-size: 16px;
	}
	.design-form .bd .group {
		margin-top: 10px;
	}
	.design-form .bd .group input {
		height: 40px;
		padding: 0 10px;
		font-size: 14px;
	}
	.design-form .bd .group.code {
		padding-right: 110px;
	}
	.design-form .bd .group.code .btn {
		width: 100px;
		height: 40px;
		line-height: 38px;
		font-size: 14px;
	}
	.design-form .bd .tips {
		margin: 10px 0 20px;
	}
	.design-form .bd .btn-submit {
		width: 100%;
		height: 36px;
		font-size: 14px;
	}

	.designer-detail {
		padding: 10px;
	}
	.designer-info {
		padding: 10px;
		margin-bottom: 20px;
	}
	.designer-info .pic {
		float: none;
		width: 60%;
		margin: 0 auto 10px;
	}
	.designer-info .desc {
		padding-bottom: 30px;
	}
	.designer-info .desc h3 {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.designer-info .desc h3 span {
		margin-left: 20px;
		font-size: 12px;
	}
	.designer-info .desc p {
		line-height: 22px;
		font-size: 12px;
	}
	.designer-info .desc p::before {
		top: 6px;
	}
	.designer-info .desc .bdsharebuttonbox {
		font-size: 12px;
	}
	.designer-related {
		float: none;
		width: auto;
		margin: 10px 0 0;
	}
	.designer-related .hd {
		margin-bottom: 10px;
		border-bottom-width: 1px;
		font-size: 16px;
	}
	.designer-related ul li {
		margin-bottom: 10px;
	}

	.zj-header {
		padding: 10px 5px 0;
	}
	.zj-header .hd h1 {
		font-size: 20px;
	}
	.btn-cart {
		padding: 0 5px 0 24px;
		font-size: 12px;
		background-position: 5px center;
		background-size: 14px;
	}
	.btn-cart span {
		height: 24px;
		line-height: 24px;
	}
	.btn-cart ins {
		width: 16px;
		height: 16px;
		line-height: 16px;
	}
	.zj-header .hd .search {
		width: 100%;
		margin-top: 10px;
	}
	.zj-header .hd .search input,
	.zj-header .hd .search button {
		height: 28px;
		font-size: 14px;
	}
	.zj-header .hd .search input {
		padding-left: 30px;
		background-position: 5px center;
		background-size: 15px;
	}
	.zj-header .bd ul li .item>a {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.zj-header .bd ul li .item>a::before {
		height: 2px;
		bottom: -2px;
	}
	.zj-header .bd ul li .item>a:hover::before,
	.zj-header .bd ul li.active .item>a::before {
		bottom: 2px;
	}
	.zj-header .bd ul li .item .sub {
		padding: 10px 2px 0;
	}
	.zj-header .bd ul li .item .sub a {
		padding: 5px 0;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.zj-pagination.swiper-pagination-bullets {
		bottom: 10px;
	}
	.zj-recommend {
		padding: 20px 0 0;
	}
	.zj-recommend .title,
	.zj-supply .title {
		margin-bottom: 10px;
	}
	.zj-recommend ul li {
		margin-bottom: 10px;
	}
	.zj-recommend ul li .hd {
		float: none;
		width: auto;
		margin: 0 0 10px;
	}
	.zj-recommend ul li .hd .pic {
		width: 100%;
	}
	.zj-recommend ul li .hd .desc {
		padding: 10px;
	}
	.zj-recommend ul li .hd .desc h3 {
		font-size: 16px;
	}
	.zj-recommend ul li .hd .desc h5 {
		padding-right: 10px;
		margin: 10px 0;
		font-size: 14px;
	}
	.zj-recommend ul li .hd .desc .btn {
		position: static;
		height: 30px;
		line-height: 30px;
		margin-top: 10px;
		font-size: 12px;
	}
	.zj-recommend ul li .bd .item {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
	.release-list {
		padding: 10px;
	}
	.release-pagination {
		position: static;
		margin-top: 10px;
	}
	.zj-supply {
		padding: 0;
	}
	.zj-supply ul li {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
	.zj-zph .title {
		margin-bottom: 10px;
	}
	.zj-zph .hd {
		width: auto;
		padding: 0 10px;
	}
	.zj-zph .hd img {
		height: 30px;
		margin-bottom: 10px;
	}
	.zj-zph .hd p {
		line-height: 20px;
		font-size: 14px;
	}
	.zj-zph .bd {
		padding: 20px 0;
	}
	.zj-zph .bd ul {
		margin: 0;
	}
	.zj-zph .bd ul li {
		float: none;
		width: auto;
		padding-right: 0;
		margin-bottom: 10px;
	}
	.zj-zph .bd ul li a .desc {
		padding: 10px;
	}
	.zj-zph .bd ul li a .desc h3 {
		height: 22px;
		line-height: 22px;
		font-size: 18px;
	}
	.zj-zph .bd ul li a .desc p {
		height: 20px;
		line-height: 20px;
		font-size: 12px;
	}
	.zj-zph .bd ul li a .desc p span {
		font-size: 16px;
	}
	.zj-zph .line {
		margin: 0 10px 20px;
	}
	.zj-zph .bd .more {
		padding: 0 10px;
	}
	.zj-zph .bd .more a {
		display: block;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.zj-investment {
		padding: 20px 10px;
	}
	.zj-investment .form h3 {
		margin: 10px 0;
		font-size: 14px;
	}
	.zj-investment .form .group {
		padding-left: 100px;
		margin-bottom: 10px;
	}
	.zj-investment .form .group label {
		width: 100px;
	}
	.zj-investment .form .group label span {
		height: 40px;
		line-height: 40px;
		padding-left: 20px;
		font-size: 14px;
		background-size: 15px;
	}
	.zj-investment .form .group input {
		height: 40px;
		font-size: 14px;
	}
	.zj-investment .form .submit {
		width: 100%;
		height: 40px;
		margin-top: 10px;
		font-size: 14px;
	}
	.zj-designer .hd {
		padding: 10px;
	}
	.zj-designer .hd .pic {
		float: none;
		margin: 0 auto;
	}
	.zj-designer .hd .desc h3 {
		font-size: 16px;
	}
	.zj-designer .hd .desc h3 span {
		margin-left: 10px;
		font-size: 12px;
	}
	.zj-designer .hd .desc h4 {
		margin: 10px 0;
		font-size: 14px;
	}
	.zj-designer .hd .desc p {
		font-size: 12px;
	}
	.zj-designer .hd .desc .bdsharebuttonbox {
		position: static;
		margin-top: 10px;
		font-size: 12px;
		text-align: right;
	}
	.zj-designer .bd {
		padding: 10px;
	}
	.zj-designer .bd ul {
		margin: 0;
	}
	.zj-designer .bd ul li,
	.zj-detail .recommend ul li {
		float: none;
		width: auto;
		padding: 0;
		margin-bottom: 10px;
	}
	.zj-store .hd .desc p {
		width: auto;
		line-height: 20px;
	}
	.zj-detail {
		padding: 20px 10px;
	}
	.zj-detail .photo {
		float: none;
		width: auto;
		margin: 0 0 10px;
	}
	.zj-detail .intro {
		margin-bottom: 10px;
	}
	.zj-detail .intro .hd h3 {
		font-size: 18px;
	}
	.zj-detail .intro .hd p {
		font-size: 12px;
	}
	.zj-detail .intro .desc .item {
		line-height: 22px;
	}
	.zj-detail .intro .desc .t {
		margin-right: 10px;
		font-size: 12px;
	}
	.zj-detail .intro .desc .b strong {
		font-size: 12px;
	}
	.zj-detail .intro .desc .b strong span {
		font-size: 18px;
	}
	.zj-detail .intro .desc .b p {
		margin-right: 10px;
	}
	.zj-detail .intro .group {
		margin-top: 10px;
		font-size: 12px;
	}
	.zj-detail .intro .group span {
		margin-right: 10px;
	}
	.zj-detail .intro .group a.btn {
		height: 30px;
		line-height: 28px;
		padding: 0 5px;
		margin-right: 5px;
	}
	.zj-detail .intro .group a.btn.active {
		line-height: 26px;
	}
	.zj-detail .intro .ft {
		margin-top: 10px;
	}
	.zj-detail .intro .ft a {
		height: 34px;
	}
	.zj-detail .intro .ft a.btn {
		line-height: 32px;
		padding: 0 10px;
		margin-right: 10px;
		font-size: 14px;
	}
	.zj-detail .intro .ft a.icon {
		padding: 0 5px;
		margin-right: 10px;
	}
	.zj-detail .intro .ft a.icon::before {
		height: 18px;
	}
	.zj-detail .content {
		margin-bottom: 10px;
	}
	.zj-detail .content .tabnav li {
		height: 30px;
		line-height: 30px;
		border-right-width: 1px;
		font-size: 14px;
	}
	.zj-detail .recommend {
		float: none;
		width: auto;
		margin: 0;
	}
	.zj-detail .recommend .hd {
		height: 40px;
		line-height: 28px;
		font-size: 16px;
	}

	.news-pagination.swiper-pagination {
		bottom: 10px;
		padding: 0 10px;
	}
	.news-pagination .swiper-pagination-bullet {
		width: 10px;
		height: 2px;
	}
	.news-swiper .swiper-slide .desc {
		bottom: 20px;
		padding: 0 10px;
	}
	.news-swiper .swiper-slide .desc p {
		font-size: 14px;
	}
	.news-subnav a {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.news-list {
		padding: 10px;
	}
	.rwft-list ul {
		margin: 0;
	}
	.rwft-list ul li {
		float: none;
		width: auto;
		padding: 0;
		margin-bottom: 10px;
	}
	.rwft-list ul li a .desc {
		padding: 10px;
	}
	.rwft-list ul li a .desc h3 {
		font-size: 16px;
	}
	.rwft-list ul li a .desc p {
		margin: 10px 0;
	}
	.news-more {
		height: 50px;
		line-height: 48px;
		border-width: 1px;
		font-size: 14px;
	}
	.news-detail .content {
		padding: 10px;
	}
	.nd-detail {
		padding: 10px;
	}
	.nd-detail .hd h3 {
		font-size: 16px;
	}
	.nd-detail .hd p {
		font-size: 12px;
	}
	.nd-detail .hd p span {
		margin: 0 10px;
	}
	.nd-detail .bd {
		line-height: 22px;
		padding-bottom: 20px;
		font-size: 14px;
	}
	.nd-detail .bd img {
		display: block;
		width: 100%;
		margin: 0!important;
	}
	.nd-detail .ft {
		padding: 20px 0 10px;
	}
	.nd-detail .ft .bdsharebuttonbox {
		font-size: 14px;
	}
	.nd-detail .ft .btn {
		width: 40px;
		height: 28px;
	}
	.nd-recommend {
		float: none;
		width: auto;
		margin: 20px 0 0;
	}
	.nd-recommend .hd {
		padding-bottom: 10px;
		font-size: 16px;
	}
	.nd-recommend ul li a .desc {
		padding: 10px 10px 10px 20px;
	}
	.nd-recommend ul li a .desc::before {
		top: 12px;
		width: 10px;
		height: 10px;
		border-width: 2px;
	}
	.nd-recommend ul li a .desc h3 {
		margin-bottom: 10px;
		font-size: 14px;
	}

	.about-subnav {
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
	}
	.about-subnav::-webkit-scrollbar {
		display: none;
	}
	.about-subnav a {
		float: none;
		display: inline-block;
		width: auto;
		height: 40px;
		line-height: 40px;
		padding: 0 10px;
		font-size: 14px;
	}
	.honor-prize {
		padding-top: 20px;
	}
	.honor-prize ul li {
		width: 50%;
	}
	.honor-prize ul li a {
		height: 100px;
	}
	.honor-prize ul li a .desc h3 {
		font-size: 20px;
	}
	.honor-prize ul li a h4 {
		line-height: 24px;
		font-size: 16px;
	}
	.honor-prize ul li a .desc p {
		font-size: 14px;
	}
	.honor-prize ul li a .desc p strong {
		font-size: 16px;
	}
	.honor-list {
		padding: 20px 10px;
	}
	.honor-list .cont .box {
		float: none;
	}
	.honor-list .item {
		margin-bottom: 10px;
	}
	.honor-list .item ins {
		padding: 0 10px;
		margin-right: 10px;
		font-size: 14px;
	}
	.honor-list .item ul li {
		font-size: 12px;
	}
	.honor-certification {
		padding: 20px 0 0;
	}
	.honor-certification .title {
		margin-bottom: 10px;
	}
	.certification-list {
		padding: 10px;
	}
	.certification-list ul {
		margin: 0;
	}
	.certification-list ul li {
		float: none;
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	.honor-declare {
		padding-bottom: 10px;
	}
	.honor-declare h3 {
		margin: 20px 0;
		font-size: 18px;
	}
	.honor-declare ul li img {
		height: 30px;
		margin-bottom: 10px;
	}
	.honor-declare ul li p {
		line-height: 18px;
		font-size: 12px;
	}
	.honor-declare .btn {
		display: block;
		height: 40px;
		line-height: 40px;
		margin: 20px 10px;
		font-size: 14px;
	}
	
	.case-detail .desc {
		padding: 20px 10px;
	}
	.case-detail .hd {
		float: none;
		margin: 0 0 10px;
	}
	.case-detail .hd h3 {
		font-size: 24px;
	}
	.case-detail .hd p {
		line-height: 26px;
		margin: 10px 0;
		font-size: 16px;
	}
	.case-detail .bd h3 {
		line-height: 30px;
		margin-bottom: 10px;
		font-size: 24px;
	}
	.case-detail .bd p {
		line-height: 30px;
		font-size: 14px;
	}
	.case-detail .ft .item {
		margin-right: 10px;
	}
	.case-detail .ft .item h3 {
		padding-right: 10px;
		font-size: 40px;
	}
	.case-detail .ft .item h3 span {
		font-size: 20px;
	}
	.case-detail .ft .item p {
		padding-right: 10px;
		font-size: 16px;
	}
	.case-btn {
		padding: 20px 0;
	}
	.case-btn a {
		margin: 0 10px;
		font-size: 14px;
	}
	.case-recommend {
		padding-bottom: 10px;
	}
	.case-recommend .hd {
		padding: 20px 0;
		font-size: 16px;
	}
	.case-recommend ul li {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
	.case-recommend ul li a::before {
		visibility: visible;
		background-color: rgba(0, 0, 0, 0.6);
		opacity: 1;
	}
	.case-recommend ul li a .desc {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}

	.about-banner .desc h3 {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.about-banner .desc p {
		font-size: 14px;
	}
	.about-design {
		padding: 20px 0;
	}
	.about-design .box {
		padding: 10px;
	}
	.about-design .desc {
		line-height: 20px;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.about-design ul li h3 {
		font-size: 14px;
	}
	.about-design ul li h3 strong {
		font-size: 18px;
	}
	.about-design ul li p {
		font-size: 14px;
	}
	.about-culture .hd {
		margin-bottom: 20px;
	}
	.about-culture .hd .title {
		margin-bottom: 10px;
	}
	.about-culture .hd .desc {
		line-height: 30px;
		padding: 0 10px;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.about-culture .hd .corporate {
		margin-bottom: 20px;
	}
	.about-culture .hd .corporate .col-6 {
		height: 160px;
		padding: 0 10px;
	}
	.about-culture .hd .corporate .col-6 .info h3 {
		font-size: 16px;
	}
	.about-culture .hd .corporate .col-6 .info h4 {
		margin: 5px 0 10px;
		font-size: 10px;
	}
	.about-culture .hd .corporate .col-6 .info h5 {
		padding: 5px 18px;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.about-culture .hd .corporate .col-6 .info p {
		line-height: 16px;
		font-size: 10px;
	}
	.about-culture .hd .corporate .col-6 .info.center h4 {
		margin: 5px 0 10px;
	}
	.about-culture .hd .corporate .col-6 .info h5 {
		margin-bottom: 15px;
	}
	.about-culture .hd .corporate .col-6 .info.center p {
		line-height: 20px;
	}
	.about-culture .hd .staff img {
		width: 100%;
	}
	.about-culture .bd {
		padding: 20px 10px;
	}
	.about-culture .bd .desc {
		line-height: 20px;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.about-culture .bd .cont ul {
		margin-right: 0;
	}
	.about-culture .bd .cont ul li {
		float: none;
		width: auto;
		padding-right: 0;
		margin-bottom: 10px;
	}
	.about-culture .bd .cont ul li .item {
		padding: 10px;
	}
	.about-culture .bd .cont ul li .item h3 {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.about-culture .bd .cont ul li .item p {
		min-height: 0;
		font-size: 12px;
	}
	.about-history {
		padding: 20px 0;
	}
	.history-list {
		padding: 20px 0 10px;
	}
	.history-list ul li {
		width: 35px;
	}
	.history-list ul li .num {
		height: 35px;
		line-height: 35px;
		font-size: 12px;
	}
	.history-list ul li p {
		top: 8px;
		right: 50px;
		width: calc(50vw - 40px);
		line-height: 20px;
		font-size: 12px;
	}
	.history-list ul li p::before {
		top: 7px;
		right: -10px;
		width: 5px;
		height: 5px;
	}
	.history-list ul li:first-child {
		width: 40px;
	}
	.history-list ul li:first-child .num {
		height: 40px;
		line-height: 40px;
	}
	.history-list ul li:first-child p {
		top: 10px;
		right: 52px;
	}
	.history-list ul li:first-child .pic {
		top: 6px;
		height: 30px;
		margin-left: 10px;
	}
	.history-list ul li:nth-child(even) p {
		left: 50px;
	}
	.history-list ul li:nth-child(even) p::before {
		left: -10px;
	}
	.about-team {
		padding: 20px 10px 10px;
	}
	.about-team ul {
		margin: 0;
	}
	.about-team ul li {
		float: none;
		width: auto;
		padding: 0;
		margin-bottom: 10px;
	}
	.about-team ul li a .pic {
		margin-bottom: 10px;
	}
	.about-team ul li a .desc {
		padding: 10px;
	}
	.about-team ul li a .desc h3 {
		font-size: 16px;
	}
	.about-team ul li a .desc p {
		font-size: 12px;
	}
	.about-way {
		padding: 20px 0;
	}
	.about-way .item {
		padding: 10px;
		margin-bottom: 20px;
	}
	.about-way .item .pic {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 10px;
	}
	.about-way .item h3 {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.about-way .item p {
		line-height: 20px;
		font-size: 12px;
	}
	.about-service {
		padding: 20px 0 0;
	}
	.about-service .item {
		margin-bottom: 10px;
	}
	.about-service .item .desc {
		position: static;
		padding: 10px;
	}
	.about-service .item .desc h3 {
		font-size: 16px;
	}
	.about-service .item .desc p {
		font-size: 12px;
	}
	.about-job {
		padding: 20px 10px;
	}
	.about-job .title {
		margin-bottom: 10px;
	}
	.job-process {
		margin-bottom: 20px;
	}
	.job-process ul li {
		width: 50px;
		margin-right: 8px;
		font-size: 10px;
	}
	.job-process ul li::before {
		height: 50px;
	}
	.job-process ul li:not(:last-child)::after {
		right: -8px;
		width: 8px;
	}
	.job-list {
		margin-bottom: 20px;
	}
	.job-list ul li {
		margin-bottom: 10px;
	}
	.job-list ul li .hd {
		padding: 10px;
	}
	.job-list ul li .hd h3 {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.job-list ul li .hd p {
		font-size: 12px;
	}
	.job-list ul li .hd .btn a {
		width: 80px;
		height: 24px;
		line-height: 24px;
		font-size: 14px;
	}
	.job-list ul li .hd .btn ins {
		height: 7px;
	}
	.job-list ul li .bd {
		padding: 10px;
	}
	.job-list ul li .bd .item {
		padding: 0;
	}
	.job-contact {
		font-size: 14px;
	}
	.job-contact span {
		display: block;
		margin: 0 0 10px;
	}
	.about-contact {
		padding: 20px 10px;
	}
	.about-contact .item {
		padding: 10px;
		margin-bottom: 10px;
	}
	.about-contact .item .map {
		float: none;
		width: auto;
		margin: 0 0 10px;
	}
	.about-contact .item .desc h3 {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.about-contact .item .desc p {
		padding: 10px 0 10px 20px;
		font-size: 12px;
		background-position: left 14px;
		background-size: 12px;
	}
	.gsdt-list ul li {
		margin-bottom: 10px;
	}
	.gsdt-list ul li a .pic {
		float: none;
		width: auto;
		margin: 0 0 10px;
	}
	.gsdt-list ul li a .desc h3 {
		line-height: 20px;
		margin: 0 0 10px;
		font-size: 14px;
	}
	.gsdt-list ul li a .desc h3 span {
		height: 20px;
		line-height: 20px;
		margin-right: 10px;
		font-size: 12px;
	}
	.gsdt-list ul li a .desc p {
		height: auto;
		font-size: 12px;
	}
	.gsdt-list ul li a .desc .ft {
		position: static;
		margin-top: 10px;
	}

	.college-intro,
	.college-strengths,
	.college-works,
	.college-teachers,
	.college-form {
		padding: 20px 10px 0;
	}
	.college-intro .title,
	.college-strengths .title,
	.college-course .title,
	.college-teachers .title,
	.college-works .title,
	.college-form .title {
		margin-bottom: 10px;
	}
	.college-intro .desc {
		line-height: 22px;
		font-size: 14px;
		text-align: left;
	}
	.college-strengths .list ul li,
	.college-course .list ul li,
	.teachers-list ul li,
	.college-works .list ul li {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
	.college-add {
		padding: 10px;
	}
	.college-add h3 {
		line-height: 26px;
		margin-bottom: 10px;
		font-size: 18px;
	}
	.college-add a {
		height: 40px;
		line-height: 38px;
		font-size: 14px;
	}
	.college-course {
		padding: 20px 10px 0;
	}
	.college-course .list ul,
	.college-works .list ul {
		margin: 0;
	}
	.college-course .list ul li p {
		position: static;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.college-works .list ul li {
		padding: 0;
	}
	.college-pay {
		padding: 20px 10px;
	}
	.college-pay .hd h3 {
		margin-bottom: 20px;
		font-size: 16px;
	}
	.college-pay .hd p {
		line-height: 20px;
		font-size: 14px;
	}
	.college-pay .bd {
		margin: 20px 0;
	}
	.college-pay .bd img {
		width: 46px;
		margin: 0 5px;
	}
	.college-pay .ft {
		line-height: 22px;
		font-size: 14px;
	}
	.college-discount {
		padding: 20px 0;
	}
	.college-discount ul li {
		padding: 20px 10px;
		margin: 0 2px;
	}
	.college-discount ul li h3 {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.college-discount ul li p {
		font-size: 12px;
	}
	.college-form .group label,
	.college-form .group .submit {
		width: 80px;
		height: 40px;
		line-height: 40px;
		margin-right: 10px;
		font-size: 14px;
	}
	.college-form .group .submit {
		width: 100%;
		margin-top: 10px;
	}
	.college-form .group .box input,
	.college-form .group .box textarea {
		height: 38px;
		font-size: 14px;
	}
	.college-form .group .box .yzm {
		float: none;
		width: auto;
		padding-right: 80px;
		margin-right: 0;
	}
	.college-form .group .box .yzm img {
		width: 80px;
		right: 0;
	}
	.course-detail {
		padding: 20px 10px;
	}
	.course-detail .intro {
		line-height: 22px;
		padding: 50px;
		margin-bottom: 10px;
		font-size: 12px;
		background-size: 100px;
	}
	.course-detail .table {
		overflow-x: auto;
		overflow-y: hidden;
		font-size: 12px;
		white-space: nowrap;
	}
	.course-detail .table table thead tr td span {
		height: 30px;
		line-height: 30px;
		padding-left: 22px;
	}
	.course-detail .table table tbody tr td {
		padding: 10px;
	}
	.course-dowhat,
	.course-who {
		height: auto;
		padding: 20px 10px;
	}
	.course-dowhat .title,
	.course-who .title,
	.college-school .title {
		margin-bottom: 10px;
	}
	.course-dowhat .title h3,
	.course-who .title h3 {
		font-size: 16px;
	}
	.course-dowhat .title h3::before,
	.course-dowhat .title h3::after {
		width: 50px;
	}
	.course-dowhat .tabcont .item {
		width: auto;
		margin-bottom: 10px;
	}
	.course-dowhat .tabcont .item h3 {
		height: 40px;
		line-height: 38px;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.course-dowhat .tabcont .item p {
		line-height: 20px;
		font-size: 12px;
	}
	.course-dowhat .tabnav .item {
		width: 46px;
		height: 46px;
		padding: 0;
		margin: 0 5px;
		border-width: 1px;
		font-size: 12px;
	}
	.course-dowhat .tabnav .item::before {
		height: 25px;
	}
	.course-who .hd {
		line-height: 20px;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.course-who .bd {
		margin-bottom: 20px;
	}
	.course-who .bd li {
		display: block;
		width: auto;
		margin: 0 0 10px;
	}
	.course-who .bd li:nth-child(even) {
		margin-top: 0;
	}
	.course-who .shouhuo {
		padding: 10px;
	}
	.course-who .shouhuo li {
		font-size: 14px;
	}
	.course-who .shouhuo li::before {
		height: 50px;
	}
	.college-school {
		padding: 20px 10px;
	}
	.college-school .setting {
		margin-bottom: 20px;
	}
	.college-school .setting ul li {
		width: 50%;
		padding-bottom: 10px;
	}
	.college-school .day .hd h3 {
		height: 30px;
		line-height: 30px;
		padding: 0 30px 0 20px;
		font-size: 14px;
	}
	.college-school .day .bd .pic {
		margin-bottom: 10px;
	}
	.college-school .day .bd p {
		line-height: 20px;
		font-size: 12px;
	}
}
@media (max-width:413px) {
	.wrapper.pd {
		padding-top: 41px;
	}
}
@media (max-width:374px) {
	.business-banner .item h3 {
		margin: 20px 0 0;
	}
	.business-banner .item p {
		display: none;
	}
	
	.zj-header .bd ul li .item>a {
		font-size: 12px;
	}
	.zj-header .bd ul li .item .sub a {
		font-size: 10px;
	}
}