@import url( page.css );
#w_brand {
	padding: 80px 0px; width: 100%;
}
#w_brand .list {
	margin-top: 50px;
}
#w_brand .list .img {
	text-align: center;
}
#w_brand .list .img img {
	width: 60%;
}
#w_business {
	background: rgb(248, 248, 248); padding: 80px 0px; width: 100%;
}
#w_business .list {
	margin-top: 20px;
}
#w_business .list ul li {
	background: rgb(255, 255, 255); width: calc((100% - 90px) /4); margin-top: 30px; margin-right: 30px; float: left;
}
#w_business .list ul li {
	transition:0.3s; -webkit-transition: all .3s; -moz-transition: all .3s;
}
#w_business .list ul li:nth-child(4n) {
	margin-right: 0px;
}
#w_business .list ul li .img img {
	width: 100%;
}
#w_business .list ul li .info {
	padding: 40px 30px 20px; position: relative;
}
#w_business .list ul li .info h2 {
	font-size: 18px; font-weight: normal; position: relative; z-index: 1;
}
#w_business .list ul li .info p {
	color: rgb(135, 139, 153); line-height: 24px; margin-top: 10px;
}
#w_business .list ul li .info p {
	overflow: hidden; -ms-word-break: break-all; -ms-text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
#w_business .list ul li .info i {
	opacity: 0;
}
#w_business .list ul li .info em {
	left: 30px; top: 20px; color: rgb(245, 245, 250); font-size: 56px; font-weight: bold; position: absolute; z-index: 0;
}
#w_business .list ul li:hover {
	background: rgb(36, 104, 242);
}
#w_business .list ul li:hover .info i {
	color: rgb(255, 255, 255); opacity: 0.8;
}
#w_business .list ul li:hover .info em {
	color: rgb(255, 255, 255); opacity: 0.1;
}
#w_business .list ul li:hover .info h2 {
	color: rgb(255, 255, 255);
}
#w_business .list ul li:hover .info p {
	color: rgb(255, 255, 255);
}
#w_relevant {
	padding: 80px 0px; width: 100%;
}
#w_relevant .wrap {
	overflow: inherit;
}
#w_relevant .list {
	margin-top: 20px;
}
#w_relevant .list ul li {
	padding: 30px 20px; border: 1px solid rgb(238, 238, 238); border-image: none; width: calc((100% - 60px) /3); margin-top: 30px; margin-right: 29px; float: left;
}
#w_relevant .list ul li:nth-child(3n) {
	margin-right: 0px;
}
#w_relevant .list ul li .icon {
	width: 25%; float: left;
}
#w_relevant .list ul li .icon i {
	color: rgb(135, 139, 153); line-height: 78px; font-size: 50px;
}
#w_relevant .list ul li .info {
	width: 75%; float: right;
}
#w_relevant .list ul li .info big {
	font-size: 18px; display: block;
}
#w_relevant .list ul li .info small {
	color: rgb(102, 102, 102); line-height: 24px; font-size: 14px; display: block;
}
#w_relevant .list ul li:hover {
	border: 1px solid rgb(36, 104, 242); border-image: none; box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.06); transform: translateY(-10px); -webkit-transform: translatey(-10px); -o-transform: translatey(-10px);
}
#w_relevant .list ul li:hover .icon i {
	color: rgb(36, 104, 242);
}
#okwork {
	background: url("../wzimg/shop_cj_bg.png") no-repeat center / cover; padding: 100px 0px; width: 100%;
}
#okwork .text {
	text-align: center; color: rgb(255, 255, 255);
}
#okwork .text big {
	line-height: 50px; font-size: 36px; font-weight: 700; display: block;
}
#okwork .text small {
	letter-spacing: 10px; font-size: 16px; margin-top: 10px; display: block;
}
#okwork .text em {
	background: rgb(36, 104, 242); margin: 30px auto 0px; width: 60px; height: 4px; overflow: hidden; display: block;
}
#okwork .text p {
	text-align: center; color: rgb(171, 184, 209); line-height: 26px; font-size: 14px; margin-top: 30px;
}
#okwork .btn {
	text-align: center; margin-top: 40px;
}
#okwork .btn a {
	background: rgb(36, 104, 242); margin: 0px 5px; padding: 0px 40px; border-radius: 2px; color: rgb(255, 255, 255); line-height: 50px; display: inline-block; position: relative;
}
#okwork .btn a:nth-child(2) {
	background: rgb(255, 80, 46);
}
#okwork .btn a i {
	background: rgb(255, 255, 255); border-radius: 2px; transition:0.3s; left: 0px; top: 0px; width: 0px; height: 100%; display: block; position: absolute; z-index: 0; content: ""; -webkit-transition: all .3s;
}
#okwork .btn a span {
	position: relative; z-index: 10;
}
#okwork .btn a:hover {
	color: rgb(51, 51, 51);
}
#okwork .btn a:hover i {
	width: 100%;
}
#okwork .btn em {
	margin-left: 5px;
}
#w_process {
	padding: 80px 0px; width: 100%;
}
#w_process .list {
	margin-top: 50px;
}
#w_process .list ul {
	
}
#w_process .list ul li {
	width: calc((100% - 300px) /7); margin-right: 49px; float: left;
}
#w_process .list ul li:last-child {
	margin-right: 0px;
}
#w_process .list ul li .title-box {
	background: rgb(36, 104, 242); margin: 0px auto; border-radius: 50%; width: 80px; height: 80px; text-align: center; overflow: hidden; display: block; position: relative;
}
#w_process .list ul li:nth-child(1) .title-box {
	background: rgb(231, 113, 177);
}
#w_process .list ul li:nth-child(2) .title-box {
	background: rgb(174, 130, 227);
}
#w_process .list ul li:nth-child(3) .title-box {
	background: rgb(232, 118, 118);
}
#w_process .list ul li:nth-child(4) .title-box {
	background: rgb(225, 122, 226);
}
#w_process .list ul li:nth-child(5) .title-box {
	background: rgb(79, 201, 226);
}
#w_process .list ul li:nth-child(6) .title-box {
	background: rgb(151, 210, 92);
}
#w_process .list ul li em {
	color: rgb(255, 255, 255); line-height: 80px; font-size: 18px;
}
#w_process .list ul li .num {
	margin: auto; left: 0px; right: 0px; bottom: -12px; color: rgb(255, 255, 255); font-size: 24px; position: absolute; opacity: 0.2;
}
#w_process .list ul li p {
	background: rgb(245, 245, 245); margin: 20px auto 0px; padding: 20px 0px; border-radius: 4px; height: 160px; text-align: center; color: rgb(102, 102, 102); position: relative;
}
#w_process .list ul li p::before {
	border-width: 8px; border-style: solid; border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0) rgb(245, 245, 245); left: 50%; top: -16px; width: 0px; height: 0px; margin-left: -9px; display: block; position: absolute; content: "";
}
#w_process .list ul li p span {
	display: block;
}
#w_process .list ul li p i {
	color: rgb(232, 123, 42); font-style: normal; display: block;
}
#w_process .btn {
	margin: 60px auto auto; text-align: center; display: block;
}
#w_process .btn a {
	background: rgb(36, 104, 242); padding: 0px 40px; border-radius: 2px; color: rgb(255, 255, 255); line-height: 50px; display: inline-block; position: relative;
}
#w_promise {
	background: rgb(248, 248, 248); padding: 80px 0px; width: 100%;
}
#w_promise .list {
	margin-top: 50px;
}
#w_promise .list ul li {
	background: rgb(255, 255, 255); width: 50%; float: left;
}
#w_promise .list ul li .info {
	padding: 40px; width: 50%; text-align: center;
}
#w_promise .list ul li .info big {
	font-size: 24px; margin-top: 10px; display: block;
}
#w_promise .list ul li .info small {
	color: rgb(102, 102, 102); line-height: 24px; font-size: 14px; margin-top: 10px; display: block;
}
#w_promise .list ul li .img {
	width: 50%;
}
#w_promise .list ul li .img img {
	width: 100%;
}
#w_periphery {
	padding: 80px 0px; width: 100%;
}
#w_periphery .wrap {
	overflow: inherit;
}
#w_periphery .list {
	margin-top: 50px;
}
#w_periphery .list ul li {
	padding: 40px 10px; border: 1px solid rgb(238, 238, 238); border-image: none; width: calc((100% - 90px) /4); text-align: center; margin-right: 30px; float: left;
}
#w_periphery .list ul li:last-child {
	margin-right: 0px;
}
#w_periphery .list ul li big {
	font-size: 18px; display: block; position: relative;
}
#w_periphery .list ul li big::before {
	background: rgb(36, 104, 242); left: 50%; width: 20px; height: 3px; bottom: -10px; overflow: hidden; margin-left: -10px; display: block; position: absolute; content: "";
}
#w_periphery .list ul li small {
	color: rgb(102, 102, 102); line-height: 24px; font-size: 14px; margin-top: 30px; display: block;
}
#w_periphery .list ul li i {
	color: rgb(36, 104, 242); font-size: 50px; margin-top: 30px;
}
#w_periphery .list ul li:hover {
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.06); transform: translateY(-10px); -webkit-transform: translatey(-10px); -o-transform: translatey(-10px);
}
@media all and (max-width:1200px)
{
#w_process .list ul li {
	width: calc((100% - 180px) /7); margin-right: 30px; float: left;
}
#w_promise .list ul li .info {
	padding: 10px 20px; text-align: center;
}
#w_promise .list ul li .info big {
	font-size: 24px; display: block;
}
}
@media all and (max-width:1100px)
{
#w_promise .list {
	margin-top: 20px;
}
#w_promise .list ul li {
	width: 100%; margin-top: 30px; float: inherit;
}
#w_promise .list ul li .info {
	padding: 40px;
}
#w_promise .list ul li .info big {
	margin-top: 10px;
}
}
@media all and (max-width:1000px)
{
#w_process .list ul li {
	width: calc((100% - 120px) /7); margin-right: 20px; float: left;
}
}
@media all and (max-width:800px)
{
#w_brand .list .img img {
	width: 100%;
}
#w_business {
	padding: 0.8rem 0px;
}
#w_business .list {
	margin-top: 0.2rem;
}
#w_business .list ul li {
	width: 100%; margin-top: 0.3rem; margin-right: 0px;
}
#w_business .list ul li:nth-child(2n) {
	float: right;
}
#w_business .list ul li .info {
	padding: 0.4rem 0.3rem 0.3rem;
}
#w_business .list ul li .info h2 {
	font-size: 0.28rem;
}
#w_business .list ul li .info p {
	line-height: 0.36rem; font-size: 0.23rem; margin-top: 0.1rem;
}
#w_business .list ul li .info p {
	overflow: hidden; -ms-word-break: break-all; -ms-text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
#w_business .list ul li .info i {
	display: none;
}
#w_business .list ul li .info em {
	left: 0.3rem; top: 0.2rem; font-size: 0.56rem;
}
#w_relevant {
	padding: 0.8rem 0px;
}
#w_relevant .list {
	margin-top: 0.2rem;
}
#w_relevant .list ul li {
	padding: 0.3rem; border-radius: 0.04rem; border: 0.01rem solid rgb(238, 238, 238); border-image: none; width: 100%; height: 1.7rem; margin-top: 0.3rem; margin-right: 0px; float: inherit;
}
#w_relevant .list ul li:nth-child(3n) {
	margin-right: 0px;
}
#w_relevant .list ul li .icon i {
	line-height: 1.1rem; font-size: 0.6rem;
}
#w_relevant .list ul li .info big {
	font-size: 0.28rem;
}
#w_relevant .list ul li .info small {
	line-height: 0.36rem; font-size: 0.23rem; margin-top: 0.1rem;
}
#okwork .text big {
	line-height: 0.4rem; font-size: 0.36rem;
}
#okwork .text small {
	letter-spacing: 0.1rem; font-size: 0.23rem;
}
#okwork .text em {
	margin: 0.3rem auto 0px; width: 0.3rem; height: 0.04rem;
}
#okwork .text p {
	line-height: 0.36rem; font-size: 0.23rem; margin-top: 0.3rem;
}
#w_process {
	padding: 0.8rem 0px; width: 100%;
}
#w_process .list {
	margin-top: 0.2rem;
}
#w_process .list ul li {
	width: 48%; margin-top: 0.3rem; margin-right: 0px;
}
#w_process .list ul li:nth-child(2n) {
	float: right;
}
#w_process .list ul li .title-box {
	width: 1rem; height: 1rem;
}
#w_process .list ul li em {
	line-height: 1rem; font-size: 0.28rem;
}
#w_process .list ul li .num {
	bottom: -0.1rem; font-size: 0.36rem;
}
#w_process .list ul li p {
	margin: 0.2rem auto 0px; padding: 0.3rem 0px; height: 2.2rem;
}
#w_process .list ul li p::before {
	top: -0.16rem; margin-left: -0.08rem; border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(245, 245, 245); border-left-color: rgb(255, 255, 255); border-top-width: 0.08rem; border-bottom-width: 0.08rem; border-left-width: 0.08rem; border-top-style: solid; border-bottom-style: solid; border-left-style: solid;
}
#w_process .btn {
	margin-top: 0.6rem;
}
#w_process .btn a {
	padding: 0px 0.5rem; line-height: 0.5rem; position: relative;
}
#w_promise .list {
	margin-top: 0.2rem;
}
#w_promise .list ul li {
	width: 100%; margin-top: 0.3rem; float: inherit;
}
#w_promise .list ul li .info {
	background: rgb(255, 255, 255); padding: 0.3rem; width: 100%; float: inherit;
}
#w_promise .list ul li .info big {
	font-size: 0.28rem; margin-top: 0.1rem;
}
#w_promise .list ul li .info small {
	line-height: 0.36rem; font-size: 0.23rem;
}
#w_promise .list ul li .img {
	width: 100%; float: inherit;
}
#w_periphery {
	padding: 0.8rem 0px; width: 100%;
}
#w_periphery .list {
	margin-top: 0.2rem;
}
#w_periphery .list ul li {
	padding: 0.5rem; width: 100%; margin-top: 0.3rem; margin-right: 0px;
}
#w_periphery .list ul li:nth-child(2n) {
	float: right;
}
#w_periphery .list ul li big {
	font-size: 0.28rem;
}
#w_periphery .list ul li big::before {
	width: 0.2rem; height: 0.03rem; bottom: -0.1rem; margin-left: -0.1rem;
}
#w_periphery .list ul li small {
	line-height: 0.4rem; font-size: 0.23rem; margin-top: 0.3rem;
}
#w_periphery .list ul li i {
	font-size: 0.8rem; margin-top: 0.3rem;
}
}