@charset "utf-8";
@import url(base.css);

.zkyx_conter {
	max-width: 100%;
	padding: 0 8%;
	box-sizing: border-box;
	margin: 0 auto;
}

.header {
	width: 100%;
	height: 80px;
	background: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	transition: .35s;
	-moz-transition: .35s;
	-webkit-transition: .35s;
	-o-transition: .35s;
}

.header.active {
	box-shadow: 0 10px 6px rgba(0, 0, 0, 0.02);
}

.headerconter {
	width: 100%;
}

.headerleft {
	float: left;
	margin-top: 16px;
	margin-right: 44px;
}

.headerleft a {
	display: block;
}

.headerleft a img {
	display: block;
	max-width: 100%;
}

.headernav {
	float: left;
}

.headernav a {
	float: left;
	display: block;
	line-height: 80px;
	font-size: 16px;
	color: #2B2C2F;
	font-weight: 400;
	transition: .35s;
	-moz-transition: .35s;
	-webkit-transition: .35s;
	-o-transition: .35s;
	margin-right: 34px;
}

.headernav a:last-child {
	margin-right: 0;
}

.headernav a.active {
	color: #0064FF;
}

.headernav a:hover {
	color: #0064FF;
}

.headeright {
	float: right;
}

.headeright p {
	float: left;
	font-size: 16px;
	color: #2B2C2F;
	font-weight: 500;
	line-height: 80px;
}

.headeright p i {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(/assets/images/tel.svg) center no-repeat;
	vertical-align: -4px;
	margin-right: 4px;
}

.headeright a {
	float: left;
	display: block;
	line-height: 36px;
	font-size: 14px;
	color: #ffffff;
	font-weight: 500;
	width: 96px;
	height: 36px;
	text-align: center;
	margin-top: 22px;
	transition: .35s;
	-moz-transition: .35s;
	-webkit-transition: .35s;
	-o-transition: .35s;
	margin-left: 26px;
	border-radius: 4px;
	background: #0064FF;
	opacity: 0.9;
}

.headeright a:hover {
	opacity: 1;
}

.banner {
	width: 100%;
	margin-top: 80px;
}

.bannercon {
	width: 100%;
}

.bannercon img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.content {
	width: 100%;
}

.settle {
	width: 100%;
	padding: 80px 0 20px 0;
	box-sizing: border-box;
	background: #fff;
}

.settleconter {
	width: 1200px;
	margin: 0 auto;
}

.settlebox {
	width: 100%;
}

.title {
	width: 100%;
	margin-bottom: 60px;
}

.title b {
	display: block;
}

.title b img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.title h4 {
	font-size: 40px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
}

.settlebox .title h4 {
	margin-top: -20px;
}

.title h5 {
	font-size: 18px;
	color: #000000;
	font-weight: 500;
	text-align: center;
	margin-top: 20px;
}

.title i {
	width: 142px;
	height: 6px;
	background: url(/assets/images/line.svg) center no-repeat;
	display: block;
	margin: 20px auto 0;
}

.settleform {
	width: 100%;
}

.settleform ul li {
	float: left;
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 20px;
}

.settleform ul li:nth-child(3n) {
	margin-right: 0;
}

.settleform ul li:last-child {
	margin-bottom: 0;
}

.settleform ul li p {
	font-size: 16px;
	color: #000000;
	font-weight: 500;
	margin-bottom: 10px;
}

.settleform ul li p i {
	color: #ff0000;
	margin-left: 2px;
}

.settleform ul li input {
	width: 100%;
	height: 50px;
	padding: 0 12px;
	border-radius: 4px;
	border: 1px solid #d8d8d8;
	box-sizing: border-box;
	font-size: 16px;
	color: #000000;
	outline: none;
	transition: .35s;
	-moz-transition: .35s;
	-webkit-transition: .35s;
	-o-transition: .35s;
}

.settleform ul li input:focus {
	border-color: #0064FF;
}

.settleform ul li button {
	width: 200px;
	height: 46px;
	border-radius: 50px;
	border: 0;
	background: #3c6ff1;
	opacity: 0.9;
	margin: 35px auto 0;
	display: block;
	font-size: 20px;
	color: #fff;
	outline: none;
	transition: .35s;
	-moz-transition: .35s;
	-webkit-transition: .35s;
	-o-transition: .35s;
	position: relative;
	padding-right: 26px;
	box-sizing: border-box;
}

.settleform ul li button i {
	width: 24px;
	height: 24px;
	background: url(/assets/images/icon.png) center no-repeat;
	position: absolute;
	top: 12px;
	right: 36px;
	background-size: 100%;
	margin-left: 10px;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}

.settleform ul li button:hover {
	opacity: 1;
}

.settleform ul li button:hover i {
	right: 30px;
}

.whysettle {
	width: 100%;
	padding: 40px 0;
	background: #fff;
	box-sizing: border-box;
}

.whysettleconter {
	width: 100%;
	position: relative;
}

.whysettlebox {
	width: 100%;
}

.whysettlebackground {
	width: 100%;
	border-radius: 10px;
	box-shadow: 0 0px 9px rgba(0, 0, 0, 0.11);
	height: 324px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.whysettleboxconter {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0 40px 20px 40px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

.whysettleboxleft {
	width: 210px;
	margin-right: 40px;
}

.whysettleboxleft img {
	display: block;
	width: 100%;
}

.whysettleboxright {
	width: calc(100% - 250px);
}

.whysettletop {
	width: 100%;
	padding-top: 30px;
	box-sizing: border-box;
	margin-bottom: 60px;
}

.whysettletop h5 {
	font-size: 32px;
	color: #000;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
}

.whysettletop h5 span {
	color: #3c6ff1;
}

.whysettleboxcontent {
	width: 100%;
}

.whysettlelist {
	width: 100%;
	border-bottom: 1px solid #7e7f7f;
	box-sizing: border-box;
	padding-bottom: 24px;
}

.whysettlelist ul li {
	float: left;
	width: 20%;
	text-align: center;
}

.whysettlelist ul li h6 {
	font-size: 32px;
	color: #000;
	font-weight: bold;
	line-height: 32px;
}

.whysettlelist ul li h6 span {
	font-size: 14px;
	color: #000;
	font-weight: 400;
	vertical-align: 1px;
	margin-left: 4px;
}

.whysettlelist ul li i {
	width: 14px;
	height: 4px;
	border-radius: 10px;
	margin: 10px auto;
	background: #3c6ff1;
	display: block;
}

.whysettlelist ul li p {
	font-size: 16px;
	color: #000;
	font-weight: 400;
}

.whysettlelist ul li p span {
	color: #3c6ff1;
}

.whysettletext {
	width: 100%;
	padding-top: 24px;
	box-sizing: border-box;
}

.whysettletext p {
	font-size: 24px;
	color: #414141;
	font-weight: 500;
	line-height: 36px;
}

.whysettletext h6 {
	font-size: 24px;
	color: #000;
	font-weight: 500;
	margin-top: 14px;
	line-height: 32px;
}

.whysettletext h6 span {
	font-size: 32px;
	color: #3c6ff1;
	font-weight: 500;
}

.painpoint {
	width: 100%;
	background: #fff;
	padding: 40px 0;
	box-sizing: border-box;
}

.painpointconter {
	width: 100%;
}

.painpointbox {
	width: 100%;
	padding-top: 20px;
	box-sizing: border-box;
	position: relative;
}

.painpointbox:before {
	content: '';
	width: 94%;
	height: 120px;
	position: absolute;
	top: 0;
	left: 3%;
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.11);
	border-radius: 10px;
}

.painpointboxconter {
	width: 100%;
	position: relative;
	z-index: 1;
}

.painpointboxconter h4 {
	font-size: 24px;
	color: #000;
	font-weight: 500;
	text-align: center;
	margin-bottom: 20px;
}

.painpointboxconter h4 span {
	font-weight: bold;
}

.painpointlist ul {
	display: flex;
	flex-wrap: wrap;
}

.painpointlist ul li {
	width: 32%;
	margin-right: 2%;
	padding: 12px 10px 20px 10px;
	box-sizing: border-box;
	background: #0d62ec;
	border-radius: 10px;
	transition: .35s;
	-moz-transition: .35s;
	-webkit-transition: .35s;
	-o-transition: .35s;
}

.painpointlist ul li:hover {
	box-shadow: 0 0 10px rgba(13, 98, 236, 0.5);
}

.painpointlist ul li:last-child {
	margin-right: 0;
	margin-bottom: 0;
}

.painpointimg {
	width: 100%;
	border-radius: 10px;
	margin-bottom: 20px;
}

.painpointimg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.painpointext {
	width: 100%;
}

.painpointext h5 {
	font-size: 24px;
	color: #fff;
	font-weight: 500;
	text-align: center;
}

.painpointext i {
	display: block;
	margin: 14px auto;
	background: #fff;
	border-radius: 10px;
	width: 52px;
	height: 4px;
}

.painpointext p {
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	text-align: center;
	line-height: 24px;
}

.superiority {
	width: 100%;
	padding: 40px 0;
	box-sizing: border-box;
	background: #fff;
}

.superiorityconter {
	width: 100%;
}

.superioritybox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.superiorityleft {
	width: 36%;
	margin-right: 4%;
}

.superiorityleft img {
	display: block;
}

.superioritytext {
	width: 9%;
}

.superioritytext img {
	display: block;
}

.superiorityright {
	width: 30%;
	margin-left: 4%;
}

.superiorityright img {
	display: block;
}

.store {
	width: 100%;
	padding: 40px 0;
	box-sizing: border-box;
	background: #fff;
}

.storeconter {
	width: 100%;
}

.storebox {
	width: 100%;
	padding: 34px 20px 24px 20px;
	box-sizing: border-box;
	border-radius: 10px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.11);
}

.storebox h4 {
	font-size: 20px;
	color: #000;
	font-weight: 500;
	text-align: center;
	margin-bottom: 20px;
}

.storeimg {
	width: 100%;
	margin-bottom: 30px;
}

.storeimg img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.telephone {
	display: table;
	margin: 0 auto;
	background: #3c6ff1;
	border-radius: 50px;
	padding: 12px 24px;
	box-sizing: border-box;
}

.telephone p {
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.telephone p b {
	display: inline-block;
	width: 38px;
	height: 38px;
	background: url(/assets/images/tel.png) center no-repeat;
	margin-right: 8px;
}

.telephone p span {
	font-size: 24px;
	color: #fff;
	font-weight: 500;
}

.telephone strong i {
	animation: tel 6s ease-out 0s infinite;
	-webkit-animation: tel 6s ease-out 0s infinite;
	display: inline-block;
	font-style: normal;
}

.cost {
	width: 100%;
	padding: 40px 0;
	box-sizing: border-box;
	background: #fff;
}

.costconter {
	width: 100%;
}

.costbox {
	width: 100%;
}

.costlist {
	width: 100%;
	margin-bottom: 36px;
}

.costlist ul {
	display: flex;
	flex-wrap: wrap;
}

.costlist ul li {
	width: 19%;
	margin-right: 1.25%;
	height: 308px;
	background: #3c6ff1;
	border-radius: 10px;
	padding: 12px 8px 6px 8px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	transition: .35s;
	-moz-transition: .35s;
	-webkit-transition: .35s;
	-o-transition: .35s;
}

.costlist ul li:last-child {
	margin-right: 0;
}

.costlist ul li:hover {
	box-shadow: 0 0 10px rgba(60, 111, 241, 0.5);
}

.costimg {
	display: block;
	width: 116px;
	height: 59px;
	margin: 0 auto;
}

.costimg img {
	display: block;
	width: 100%;
}

.costtext {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 42px;
	left: 0;
}

.costtext h5 {
	font-size: 24px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 6px;
}

.costtext p {
	font-size: 20px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 8px;
}

.costtext h6 {
	font-size: 26px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 8px;
}

.costtext h6 span {
	font-size: 16px;
	font-weight: 400;
}

.costtext strong {
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	text-decoration: line-through;
}

.costlast {
	width: 100%;
	display: flex;
	align-items: center;
	background: #fff;
	border-radius: 5px;
	padding: 8px;
	box-sizing: border-box;
	min-height: 58px;
}

.costlast i {
	width: 27px;
	height: 32px;
	background: url(/assets/images/gift.png) center no-repeat;
	margin-right: 9px;
}

.costlast p {
	font-size: 16px;
	color: #010101;
	font-weight: 400;
	width: calc(100% - 36px);
}

.costimged {
	display: block;
	width: 95px;
	margin: 20px auto 0;
}

.costimged img {
	display: block;
	width: 100%;
}

.process {
	width: 100%;
	padding: 40px 0;
	box-sizing: border-box;
	background: #fff;
	position: relative;
}

.process:before {
	content: '';
	width: 100%;
	height: 1px;
	background: rgba(60, 111, 241, 0.3);
	position: absolute;
	left: 0%;
	bottom: 108px;
}

.processconter {
	width: 100%;
	position: relative;
	z-index: 1;
}

.processbox {
	width: 100%;
}

.processbox h5 {
	font-size: 20px;
	color: #000;
	font-weight: 500;
	text-align: center;
	max-width: 700px;
	margin: 0 auto 50px;
}

.processlist {
	width: 100%;
}

.processlist ul {
	display: flex;
	flex-wrap: wrap;
}

.processlist ul li {
	width: 16.6%;
	position: relative;
}

.processlist ul li:before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #3c6ff1;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 134px;
}

.processlist ul li:first-child:before {
	border-radius: 0;
	background: url(/assets/images/icon2.png) center no-repeat;
	width: 13px;
	height: 20px;
	top: 127px;
}

.processlist ul li:last-child:before {
	border-radius: 0;
	background: url(/assets/images/icon3.png) center no-repeat;
	width: 27px;
	height: 23px;
	top: 122px;
}

.processimg {
	width: 75px;
	height: 75px;
	margin: 0 auto 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.processimg img {
	display: block;
	max-width: 100%;
}

.processlist ul li h6 {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.processlist ul li strong {
	font-size: 30px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	display: block;
	margin-top: 53px;
}

.case {
	width: 100%;
	padding: 40px 0;
	box-sizing: border-box;
	background: #fff;
}

.caseconter {
	width: 100%;
}

.caselist {
	width: 100%;
}

.caselist ul {
	display: flex;
	flex-wrap: wrap;
}

.caselist ul li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	overflow: hidden;
	border-radius: 10px;
}

.caselist ul li:nth-child(3n) {
	margin-right: 0;
}

.caselist ul li img {
	display: block;
	width: 100%;
	transition: .35s;
	-moz-transition: .35s;
	-webkit-transition: .35s;
	-o-transition: .35s;
}

.caselist ul li:hover img {
	transform: scale(1.1);
}

.bdtcase {
	width: 100%;
	padding: 40px 0;
	box-sizing: border-box;
	background-color: #fff;
}

.bdtcaseconter {
	width: 100%;
}

.bdtcaselist {
	width: 100%;
}

.bdtcaselist ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.bdtcaselist ul li {
	width: 15.5%;
	margin-right: 1.4%;
	margin-bottom: 1.4%;
	overflow: hidden;
	transition: .35s;
	-moz-transition: .35s;
	-webkit-transition: .35s;
	-o-transition: .35s;
}

.bdtcaselist ul li:last-child {
	margin-right: 0;
}

.bdtcaselist ul li:nth-child(6n) {
	margin-right: 0;
}

.bdtcaselist ul li img {
	display: block;
	width: 100%;
	transition: .35s;
	-moz-transition: .35s;
	-webkit-transition: .35s;
	-o-transition: .35s;
}

.bdtcaselist ul li:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.information {
	width: 100%;
	padding: 80px 0;
	box-sizing: border-box;
	background: #F1F6FF;
}

.informationconter {
	width: 100%;
}

.informationbox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.informationitem {
	width: 48%;
	margin-right: 4%;
}

.informationitem:last-child {
	margin-right: 0;
	margin-bottom: 0;
}

.informationup {
	width: 100%;
	height: 164px;
	margin-bottom: 32px;
	border-radius: 4px;
}

.informationup a {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.informationtext {
	width: 100%;
	text-align: center;
}

.informationtext h5 {
	font-size: 30px;
	color: #fff;
	line-height: 30px;
	font-weight: 500;
}

.informationtext span {
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	display: block;
	margin-top: 20px;
}

.informationtext span i {
	width: 16px;
	height: 16px;
	background: url(/assets/images/more.svg) center no-repeat;
	display: inline-block;
	vertical-align: -3px;
}

.informationlist {
	width: 100%;
	padding: 0 12px;
	box-sizing: border-box;
}

.informationlist ul li {
	width: 100%;
	margin-bottom: 22px;
}

.informationlist ul li:last-child {
	margin-bottom: 0;
}

.informationlist ul li a {
	display: flex;
	width: 100%;
}

.informationlist ul li a p {
	width: 75%;
	font-size: 16px;
	color: #333;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 5%;
	transition: .35s;
	-moz-transition: .35s;
	-webkit-transition: .35s;
	-o-transition: .35s;
}

.informationlist ul li a span {
	width: 20%;
	font-size: 16px;
	color: #999;
	font-weight: 400;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.informationlist ul li:hover a p {
	color: #0064FF;
}

.informationlist ul li:hover a span {
	color: #0064FF;
}

.footer {
	width: 100%;
	padding: 40px 0;
	box-sizing: border-box;
	background: #202020;
}

.footerconter {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footerleft {
	margin-right: 60px;
}

.footerleft h4 {
	font-size: 32px;
	color: #ffffff;
	font-weight: bold;
}

.footerarea h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 30px;
}

.footerarea p {
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 16px;
}

.footerarea p:last-child {
	margin-bottom: 0;
}

.footerarea p i {
	width: 14px;
	height: 16px;
	background: url(/assets/images/address.png) center no-repeat;
	display: inline-block;
	vertical-align: -2px;
	margin-right: 4px;
}

.footertel {
	flex: 1;
	display: flex;
	justify-content: flex-end;
}

.footertel p {
	font-size: 32px;
	color: #ffff;
	font-weight: bold;
}

.footertel p i {
	width: 38px;
	height: 44px;
	background: url(/assets/images/ftel.png) center no-repeat;
	display: inline-block;
	vertical-align: -8px;
	margin-right: 4px;
}

.backtop {
	cursor: pointer;
	font-size: 14px;
	position: fixed;
	text-align: center;
	z-index: 999;
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	display: none;
	-ms-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	background: #121212;
	color: #ffffff;
	border-radius: 3px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	right: 20px;
	bottom: 60px;
}

.backtop:hover {
	background: #0064FF;
	color: #fff;
}

.nav {
	width: 100%;
	height: 60px;
	background: #fff;
	z-index: 2000;
	padding: 0 14px;
	box-sizing: border-box;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
}

.navleft {
	float: left;
	width: 40%;
	height: 60px;
	display: flex;
	align-items: center;
}

.navleft a {
	display: block;
	font-size: 0;
}

.navleft a img {
	width: 100%;
	display: block;
}

.navright {
	float: right;
	margin-top: 20px;
}

.navright>span {
	width: 24px;
	height: 2px;
	display: block;
	margin-bottom: 7px;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	background: #004098;
}

.navright.active span:nth-child(2) {
	margin-left: 6px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.navright.active span:nth-child(3) {
	margin-left: 2px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.mobile {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: -100%;
	z-index: 3000;
}

.mobilebj {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: -100%;
	background: rgba(0, 0, 0, 0.5);
}

.mobilebox {
	width: 60%;
	height: 100%;
	position: absolute;
	top: 0;
	right: -50%;
	background: #004098;
}

.mobilebox .close {
	width: 100%;
	height: 60px;
	position: relative;
}

.mobilebox .close i {
	float: right;
	width: 20px;
	height: 20px;
	background: url(/assets/images/menu-close.svg) no-repeat;
	background-size: 100% 100%;
	margin: 20px;
}

.mobilelist>ul>.on>a i {
	transform: rotate(90deg);
}

.mobilelist {
	width: 100%;
	height: 100%;
}

.mobilelist>ul>li {
	width: 100%;
	border-bottom: 1px solid #0b56b9;
}

.mobilelist>ul>li:first-child {
	border-top: 1px solid #0b56b9;
}

.mobilelist>ul>li:last-child {
	border-bottom: 0;
}

.mobilelist>ul>li>a {
	display: block;
	font-size: 14px;
	color: #fff;
	padding: 9px 15px;
	box-sizing: border-box;
	background: #0063eb;
	position: relative;
}

.processmobile {
	width: 100%;
	display: none;
}

.processmobile ul {
	display: flex;
	flex-wrap: wrap;
}

.processmobile ul li {
	width: 33.3%;
	text-align: center;
	margin-bottom: 24px;
	position: relative;
}

.processmobile ul li:before {
	content: '';
	width: 49px;
	height: 41px;
	position: absolute;
	right: -20px;
	top: 50px;
	background: url(/assets/images/mprocess7.png) center no-repeat;
	background-size: 100%;
}

.processmobile ul li:nth-child(3n):before {
	display: none;
}

.processmobileimg {
	width: 140px;
	height: 140px;
	margin: 0 auto 20px;
}

.processmobileimg img {
	display: block;
	width: 100%;
}

.processmobile ul li p {
	font-size: 24px;
	color: #000;
	font-weight: 500;
}

.storeimgmobile {
	width: 100%;
	display: none;
}

.storeimgmobile img {
	display: block;
	width: 100%;
}

.bannerconmobile {
	width: 100%;
	display: none;
}

.bannerconmobile img {
	display: block;
	width: 100%;
}

.side {
	position: fixed;
	top: 32%;
	right: 0;
	background: #fff;
	box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1);
	border-radius: 10px 0px 0px 10px;
	padding: 10px;
	box-sizing: border-box;
	transform: translateY(-50%);
	z-index: 2;
}

.sidecon {
	width: 100%;
}

.sidecon img {
	display: block;
	width: 120px;
	height: 120px;
	margin-bottom: 8px;
}

.sidecon .online {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.sidecon .online .kf-img {
	width: 60px;
	height: 60px;
}

.sidecon p {
	font-size: 16px;
	color: #000;
	font-weight: 400;
	text-align: center;
}

.core {
	width: 100%;
	padding: 80px 0 40px 0;
	box-sizing: border-box;
	background: #fff;
}

.coreconter {
	width: 100%;
}

.corelist {
	width: 100%;
}

.corelist ul {
	display: flex;
	flex-wrap: wrap;
}

.corelist ul li {
	width: 33.3%;
}

.coreimg {
	width: 164px;
	height: 164px;
	margin: 0 auto 40px;
}

.coreimg img {
	display: block;
	width: 100%;
}

.coretext {
	width: 100%;
	text-align: center;
}

.coretext h4 {
	font-size: 30px;
	color: #000;
	font-weight: 600;
	line-height: 30px;
}

.coretext i {
	display: block;
	width: 56px;
	height: 4px;
	border-radius: 10px;
	background: #D8D8D8;
	margin: 20px auto;
}

.coretextimg {
	width: 100%;
}

.coretextimg img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.exposurebox {
	padding-top: 0px;
}

.exposurebox:before {
	display: none;
}

.change {
	width: 100%;
	padding: 40px 0;
	box-sizing: border-box;
	background: #fff;
}

.changeconter {
	width: 100%;
}

.changebox {
	width: 100%;
	border-radius: 24px 24px 0 0;
	background: linear-gradient(180deg, #F6EBF0 0%, #FFFFFF 100%);
	padding: 24px 24px 0 24px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}

.changeitem {
	width: 49%;
	margin-right: 2%;
}

.changeitem:last-child {
	margin-right: 0;
}

.changeitem img {
	display: block;
	width: 100%;
}

.transaction {
	width: 100%;
	padding: 40px 0;
	box-sizing: border-box;
	background: #fff;
}

.transactionconter {
	width: 100%;
}

.transactionbox {
	width: 100%;
}

.transactionitem {
	width: 100%;
	padding: 32px 46px 60px 46px;
	box-sizing: border-box;
	border-radius: 24px 24px 0 0;
	background: linear-gradient(180deg, #FFE3CD 0%, #FFFFFF 100%);
	margin-bottom: 20px;
}

.transactionitem:nth-child(2) {
	background: linear-gradient(180deg, #FFE1EB 0%, #FFFFFF 100%);
	margin-bottom: 0;
}

.transactiontitle {
	width: 100%;
	margin-bottom: 26px;
}

.transactiontitle h5 {
	font-size: 24px;
	color: #333;
	font-weight: 600;
}

.transactiontitle h5 span {
	font-size: 16px;
	color: #666;
	font-weight: 400;
	margin-left: 16px;
	opacity: 0.8;
}

.transactionlist {
	width: 100%;
}

.transactionlist ul {
	display: flex;
	flex-wrap: wrap;
}

.transactionlist ul li {
	width: 32%;
	margin-right: 2%;
}

.transactionlist ul li:last-child {
	margin-right: 0;
	margin-bottom: 0;
}

.transactionimg {
	width: 100%;
	margin: 0 auto 32px;
}

.transactionimg img {
	display: block;
	width: 100%;
}

.transactiontext {
	width: 100%;
	text-align: center;
}

.transactiontext h5 {
	font-size: 24px;
	color: #333;
	font-weight: 600;
	line-height: 24px;
}

.transactiontext p {
	font-size: 16px;
	color: #666;
	font-weight: 400;
	opacity: 0.8;
	margin-top: 16px;
}

.corebenefits {
	width: 100%;
	padding: 40px 0;
	box-sizing: border-box;
	background: #fff;
}

.corebenefitsconter {
	width: 100%;
}

.corebenefitsbox {
	width: 100%;
}

.corebenefitsbox ul {
	display: flex;
	flex-wrap: wrap;
}

.corebenefitsbox ul li {
	width: 16%;
	margin-right: 0.8%;
	transition: .35s;
	-moz-transition: .35s;
	-webkit-transition: .35s;
	-o-transition: .35s;
	border-radius: 8px;
}

.corebenefitsbox ul li:last-child {
	margin-right: 0;
	margin-bottom: 0;
}

.corebenefitsbox ul li:hover {
	box-shadow: 0 0 14px rgba(11, 97, 236, 0.1);
}

.corebenefitsbox ul li h5 {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
	padding: 18px 4px;
	box-sizing: border-box;
	background: #0B61EC;
	border-radius: 8px 8px 0 0;
	text-align: center;
	display: block;
}

.corebenefitsbut {
	width: 100%;
	background: #F9FBFF;
	border-radius: 0 0 8px 8px;
	padding: 24px 16px 0 16px;
	box-sizing: border-box;
}

.corebenefitsboxtext {
	width: 100%;
	min-height: 374px;
	padding-bottom: 22px;
	box-sizing: border-box;
}

.corebenefitsboxtext p {
	font-size: 16px;
	color: #333;
	font-weight: 400;
	text-align: center;
	line-height: 32px;
}

.corebenefitslast {
	width: 100%;
	border-top: 1px solid #E9E9E9;
	padding: 12px 0 16px 0;
	box-sizing: border-box;
}

.corebenefitslast p {
	font-size: 20px;
	color: #0B61EC;
	font-weight: 600;
	text-align: center;
}

.corebenefitsitem {
	width: 100%;
	margin-bottom: 30px;
}

.corebenefitsitem:last-child {
	margin-bottom: 0;
}

.corebenefitsimg {
	width: 64px;
	height: 64px;
	margin: 0 auto 10px;
}

.corebenefitsimg img {
	display: block;
	width: 100%;
}

.corebenefitsitem span {
	display: block;
	font-size: 16px;
	color: #333;
	font-weight: 400;
	text-align: center;
}

.sign {
	width: 100%;
	padding: 40px 0;
	box-sizing: border-box;
	background: #fff;
}

.signconter {
	width: 100%;
}

.signbox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0 6%;
	box-sizing: border-box;
}

.signitem {
	width: 49%;
	margin-right: 2%;
}

.signitem:last-child {
	margin-right: 0;
	margin-bottom: 0;
}

.signimg {
	width: 100%;
	margin-bottom: 32px;
}

.signimg img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.signtext {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.signimgs img {
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 8px;
}

.signimgs img:last-child {
	margin-right: 0;
}

.signtexted {
	margin-left: 16px;
}

.signtexted h5 {
	font-size: 24px;
	color: #333;
	font-weight: 500;
	line-height: 24px;
}

.signtexted p {
	font-size: 16px;
	color: #666;
	font-weight: 400;
	opacity: 0.8;
	margin-top: 8px;
}

.lock {
	width: 100%;
	padding: 40px 0 80px 0;
	box-sizing: border-box;
	background: #fff;
}

.lockconter {
	width: 100%;
}

.lockbox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.lockboxleft {
	width: 715px;
}

.lockboxleft img {
	display: block;
	width: 100%;
}

.lockboxtext {
	margin: 0 24px;
}

.lockboxtext img {
	display: block;
	width: 56px;
	margin: 0 auto 12px;
}

.lockboxtext p {
	font-size: 16px;
	color: #666;
	font-weight: 400;
	opacity: 0.8;
	text-align: center;
	max-width: 100px;
}

.lockboxright img {
	display: block;
	width: 100%;
}

.coretable {
	width: 100%;
	margin-top: 60px;
}

.coretable ul {
	display: flex;
	flex-wrap: wrap;
}

.coretable ul li:first-child {
	width: 20%;
}

.coretable ul li:nth-child(2) {
	width: 40%;
}

.coretable ul li:nth-child(3) {
	width: 40%;
}

.coretable ul li h5 {
	font-size: 20px;
	color: #333;
	line-height: 28px;
	font-weight: 600;
	padding: 10px 4px;
	box-sizing: border-box;
	text-align: center;
}

.coretable ul li:first-child h5 {
	background: linear-gradient(180deg, #FFE3CD 0%, #FFFFFF 100%);
	border-radius: 24px 0 0 0;
}

.coretable ul li:nth-child(2) h5 {
	background: linear-gradient(180deg, #FFE2EC 0%, #FFFFFF 100%);
	color: #FF6666;
}

.coretable ul li:nth-child(3) h5 {
	background: linear-gradient(180deg, #FFE3CD 0%, #FFFFFF 100%);
	border-radius: 0 24px 0 0;
	color: #FD9702;
}

.coretabletype {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #E1E3E5;
	box-sizing: border-box;
	height: 88px;
	border-bottom: 0;
	border-right: 0;
}

.coretable ul li:last-child .coretabletype {
	border-right: 1px solid #E1E3E5;
}

.coretabletype p {
	font-size: 14px;
	color: #000;
	font-weight: 400;
	text-align: center;
}

.coretabletypetwo {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #E1E3E5;
	box-sizing: border-box;
	height: 242px;
	border-bottom: 0;
	border-right: 0;
}

.coretable ul li:last-child .coretabletypetwo {
	border-right: 1px solid #E1E3E5;
}

.coretabletypetwo p {
	font-size: 14px;
	color: #000;
	font-weight: 400;
}

.coretabletypethree {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #E1E3E5;
	box-sizing: border-box;
	height: 242px;
	border-right: 0;
}

.coretable ul li:last-child .coretabletypethree {
	border-right: 1px solid #E1E3E5;
}

.coretabletypethree p {
	font-size: 14px;
	color: #000;
	font-weight: 400;
}

.corrtablelist {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
	box-sizing: border-box;
}

.corrtablelist span {
	width: 33%;
	margin-right: 0.5%;
	font-size: 16px;
	color: #000;
	font-weight: 400;
	margin-bottom: 8px;
	display: block;
}

.corrtablelist span i {
	width: 16px;
	height: 16px;
	background: url(/assets/images/icondui.svg) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	margin-right: 4px;
	vertical-align: -3px;
}

.corrtablelist span:nth-child(3n) {
	margin-right: 0;
}

.corrtablelist span:last-child {
	width: 60%;
}

.corrtableimg {
	width: 100%;
	height: 100%;
	padding: 24px;
	box-sizing: border-box;
}

.corrtableimg img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.settled {
	padding-bottom: 80px;
}

.newnav {
	width: 100%;
	height: 80px;
	background: #F2F2F2;
}

.newnavbox {
	width: 100%;
}

.newnavbox ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.newnavbox ul li {
	margin-right: 100px;
}

.newnavbox ul li:last-child {
	margin-right: 0;
}

.newnavbox ul li a {
	display: block;
	padding: 0 60px;
	font-size: 16px;
	color: #666;
	font-weight: 400;
	line-height: 80px;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}

.newnavbox ul li a span {
	position: relative;
	display: block;
}

.newnavbox ul li a span:before {
	content: '';
	width: 0%;
	height: 4px;
	background: #0064FF;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}

.newnavbox ul li.active a {
	color: #0064FF;
}

.newnavbox ul li.active a span:before {
	width: 100%;
}

.newnavbox ul li:hover a {
	color: #0064FF;
}

.newnavbox ul li:hover a span:before {
	width: 100%;
}

.newconter {
	width: 100%;
	padding: 80px 0;
	box-sizing: border-box;
	background: #fff;
}

.newbox {
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}

.newleft {
	width: 800px;
	margin-right: 60px;
	float: left;
}

.newlist {
	width: 100%;
}

.newlist ul li {
	width: 100%;
}

.newlist ul li a {
	display: block;
	width: 100%;
	padding: 24px 0;
	border-bottom: 1px solid #EBEBEB;
	box-sizing: border-box;
}

.newlist ul li:first-child a {
	padding-top: 0;
}

.newlist ul li a h5 {
	font-size: 20px;
	color: #333;
	font-weight: 400;
	display: -webkit-box;
	line-height: 28px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}

.newlist ul li a p {
	font-size: 14px;
	color: #999;
	font-weight: 400;
	margin-top: 12px;
}

.newlist ul li a span {
	font-size: 14px;
	color: #999;
	font-weight: 400;
	margin-top: 24px;
	display: block;
}

.newlist ul li:hover a h5 {
	color: #0064FF;
}

.scrpage {
	width: 100%;
	margin-top: 32px;
}

.scrpage ul {
	display: table;
	margin: 0 auto;
}

.scrpage ul li {
	float: left;
	margin-right: 8px;
}

.scrpage ul li:last-child {
	margin-right: 0;
}

.scrpage ul li a {
	font-size: 14px;
	color: #333;
	border: 1px solid #ccc;
	display: block;
	padding: 6px 12px;
	box-sizing: border-box;
	border-radius: 2px;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	background: #fff;
}

.scrpage ul .active a {
	border-color: #0064FF;
	background: #0064FF;
	color: #fff;
}

.scrpage ul li:hover a {
	border-color: #0064FF;
	background: #0064FF;
	color: #fff;
}

.newright {
	float: right;
	width: 340px;
	border: 1px solid #EBEBEB;
	padding: 20px 24px 32px 24px;
	box-sizing: border-box;
}

.newtitle {
	width: 100%;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 16px;
	box-sizing: border-box;
}

.newtitle h4 {
	font-size: 20px;
	color: #333;
	font-weight: 400;
}

.newrightlist {
	width: 100%;
	margin-top: 24px;
}

.newrightlist a {
	display: block;
	width: 100%;
	margin-bottom: 24px;
}

.newrightlist a:last-child {
	margin-bottom: 0;
}

.newrightlist a h5 {
	font-size: 16px;
	color: #333;
	font-weight: 400;
	display: -webkit-box;
	line-height: 24px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}

.newrightlist a p {
	font-size: 14px;
	color: #999;
	font-weight: 400;
	margin-top: 10px;
}

.newrightlist a:hover h5 {
	color: #0064FF;
}

.breadcrumbs {
	width: 100%;
	background: #F9F9F9;
	padding: 23px 0;
	box-sizing: border-box;
	margin-top: 80px;
}

.breadcrumbsbox {
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}

.breadcrumbscon {
	width: 100%;
}

.breadcrumbscon i {
	float: left;
	width: 18px;
	margin-right: 8px;
	margin-top: 0px;
}

.breadcrumbscon i img {
	display: block;
	width: 100%;
}

.breadcrumbscon a {
	float: left;
	font-size: 14px;
	color: #999;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}

.breadcrumbscon a:hover {
	color: #0064FF;
}

.breadcrumbscon span {
	float: left;
	font-size: 14px;
	color: #999;
	margin: 0 4px;
}

.breadcrumbscon strong {
	float: left;
	font-size: 14px;
	color: #999;
	font-weight: 400;
}

.newdetailsbox {
	width: 100%;
}

.newdetailsup {
	width: 100%;
	border-bottom: 1px solid #EBEBEB;
	padding-bottom: 14px;
	box-sizing: border-box;
}

.newdetailsup h4 {
	font-size: 24px;
	color: #333;
	font-weight: 500;
}

.newdetailsup p {
	font-size: 14px;
	color: #999;
	font-weight: 400;
	margin-top: 12px;
}

.newdetailsconter {
	padding: 60px 0;
}

.newdetailscontent {
	width: 100%;
	padding: 24px 0;
	border-bottom: 1px solid #EBEBEB;
	box-sizing: border-box;
}

.newdetailscontent p {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin-bottom: 20px;
}

.newdetailscontent p img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.newdetailscontent p:last-child {
	margin-bottom: 0;
}

.newpage {
	width: 100%;
	margin-top: 20px;
	display: flex;
	justify-content: center;
}

.newpage a {
	font-size: 14px;
	color: #333;
	font-weight: 400;
	border: 1px solid #EBEBEB;
	padding: 8px 24px;
	border-radius: 4px;
	display: block;
	box-sizing: border-box;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	margin-right: 14px;
}

.newpage a:hover {
	border-color: #0064FF;
	background: #0064FF;
	color: #fff;
}

.newpage a:last-child {
	margin-right: 0;
}

.bannerconmobilenew img {
	height: 260px;
	object-fit: cover;
}

@media screen and (max-width: 1560px) {
	.zkyx_conter {
		padding: 0 6%;
	}
}

@media screen and (max-width: 1450px) {
	.settle {
		padding: 60px 0 10px 0;
	}

	.whysettle,
	.painpoint,
	.superiority,
	.store,
	.cost,
	.process,
	.case,
	.bdtcase,
	.change,
	.transaction,
	.corebenefits,
	.sign {
		padding: 30px 0;
	}

	.information {
		padding: 60px 0;
	}

	.whysettleboxconter {
		padding: 0 20px 20px 20px;
	}

	.process:before {
		bottom: 97px;
	}

	.core {
		padding: 60px 0 30px 0;
	}

	.lock {
		padding: 30px 0 60px 0;
	}

	.corebenefitsbox ul li h5 {
		font-size: 20px;
	}

	.corebenefitslast p {
		font-size: 16px;
	}

	.settled {
		padding-bottom: 60px;
	}

	.newconter {
		padding: 60px 0;
	}
}

@media screen and (max-width: 1370px) {
	.whysettlelist ul li p {
		font-size: 14px;
	}
}

@media screen and (max-width: 1295px) {
	.corebenefitsbox ul li h5 {
		font-size: 18px;
	}

	.corebenefitslast p {
		font-size: 14px;
	}
}

@media screen and (max-width: 1250px) {
	.zkyx_conter {
		padding: 0 4%;
	}

	.signbox {
		padding: 0;
	}
}

@media screen and (max-width: 1210px) {
	.headerleft {
		margin-right: 24px;
	}

	.headernav a {
		margin-right: 24px;
	}

	.headeright a {
		margin-left: 16px;
	}

	.settleconter {
		width: 100%;
		padding: 0 4%;
		box-sizing: border-box;
	}

	.settle {
		padding: 40px 0 10px 0;
	}

	.whysettle,
	.painpoint,
	.superiority,
	.store,
	.cost,
	.process,
	.case,
	.bdtcase,
	.change,
	.transaction,
	.corebenefits,
	.sign {
		padding: 20px 0;
	}

	.information {
		padding: 40px 0;
	}

	.lock {
		padding: 20px 0 40px 0;
	}

	.title {
		margin-bottom: 40px;
	}

	.title h4 {
		font-size: 32px;
		line-height: 32px;
	}

	.title h5 {
		font-size: 16px;
		margin-top: 10px;
	}

	.title i {
		margin-top: 10px;
	}

	.whysettleboxleft {
		margin-right: 20px;
	}

	.whysettleboxright {
		width: calc(100% - 230px);
	}

	.whysettletop {
		padding-top: 50px;
	}

	.whysettletop h5 {
		font-size: 24px;
	}

	.whysettlelist {
		padding-bottom: 12px;
	}

	.whysettlelist ul li h6 {
		font-size: 24px;
		line-height: 24px;
	}

	.whysettletext {
		padding-top: 12px;
	}

	.whysettletext p {
		font-size: 16px;
		line-height: 24px;
	}

	.whysettletext h6 {
		font-size: 20px;
	}

	.whysettletext h6 span {
		font-size: 24px;
	}

	.painpointboxconter h4 {
		font-size: 16px;
	}

	.painpointimg {
		margin-bottom: 12px;
	}

	.painpointext h5 {
		font-size: 18px;
	}

	.painpointext i {
		margin: 10px auto;
	}

	.painpointext p {
		font-size: 14px;
	}

	.storebox h4 {
		font-size: 16px;
	}

	.costtext h5 {
		font-size: 20px;
	}

	.costtext p {
		font-size: 16px;
	}

	.costtext h6 {
		font-size: 22px;
	}

	.costtext strong {
		font-size: 16px;
	}

	.costlast p {
		font-size: 14px;
	}

	.telephone p {
		font-size: 24px;
	}

	.telephone p span {
		font-size: 20px;
	}

	.processbox h5 {
		font-size: 16px;
	}

	.process:before {
		bottom: 87px;
	}

	.processlist ul li strong {
		font-size: 24px;
	}

	.informationtext h5 {
		font-size: 24px;
		line-height: 24px;
	}

	.footerleft h4 {
		font-size: 24px;
	}

	.footertel p {
		font-size: 24px;
	}

	.footertel p i {
		vertical-align: -14px;
	}

	.coretext h4 {
		font-size: 24px;
		line-height: 24px;
	}

	.transactionitem {
		padding: 24px 24px 40px 24px;
	}

	.transactionimg {
		margin-bottom: 20px;
	}

	.lockboxleft {
		width: 515px;
	}

	.lockboxright {
		width: 160px;
	}

	.corrtablelist span {
		font-size: 14px;
	}

	.coretable {
		margin-top: 20px;
	}

	.settled {
		padding-bottom: 40px;
	}

	.newconter {
		padding: 40px 0;
	}

	.newbox {
		max-width: 100%;
		padding: 0 4%;
	}

	.newleft {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.newright {
		float: none;
		width: 100%;
		margin-top: 20px;
	}

	.breadcrumbsbox {
		max-width: 100%;
		padding: 0 4%;
	}
}

@media screen and (max-width: 1120px) {
	.header {
		display: none;
	}

	.nav {
		display: block;
	}

	.banner {
		margin-top: 60px;
	}

	.title h4 {
		font-size: 24px;
		line-height: 24px;
	}

	.process:before {
		bottom: 79px;
	}

	.whysettleboxleft {
		display: none;
	}

	.whysettleboxright {
		width: 100%;
	}

	.whysettletop {
		padding-top: 0;
		margin-bottom: 36px;
	}

	.corebenefitsbox ul li {
		width: 24%;
		margin-right: 1.33%;
	}

	.corebenefitsbox ul li:last-child {
		margin-right: 0;
	}

	.corebenefitsbox ul li:nth-child(1) {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 20px;
	}

	.corebenefitsbox ul li:nth-child(2) {
		width: 49%;
		margin-right: 0%;
	}

	.corebenefitsbox ul li:nth-child(1) .corebenefitsboxtext,
	.corebenefitsbox ul li:nth-child(2) .corebenefitsboxtext {
		padding-bottom: 0;
		display: flex;
		flex-wrap: wrap;
		min-height: auto;
	}

	.corebenefitsitem {
		width: 32%;
		margin-right: 2%;
	}

	.corebenefitsitem:last-child {
		margin-right: 0;
	}

	.coretable ul li:first-child {
		display: none;
	}

	.coretable ul li:nth-child(2),
	.coretable ul li:nth-child(3) {
		width: 50%;
	}

	.coretable ul li:nth-child(2) h5 {
		border-radius: 24px 0 0 0;
	}

	.breadcrumbs {
		margin-top: 60px;
	}
}

@media screen and (max-width: 980px) {
	.footer {
		padding: 20px 0;
	}

	.footerleft {
		margin-right: 40px;
	}

	.footerarea h5 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.footerarea p {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.costtext {
		top: 30px;
	}

	.process:before {
		display: none;
	}

	.processlist {
		display: none;
	}

	.processmobile {
		display: block;
	}

	.caselist ul li {
		width: 49%;
	}

	.caselist ul li:nth-child(3n) {
		margin-right: 2%;
	}

	.caselist ul li:nth-child(2n) {
		margin-right: 0%;
	}

	.costlist ul li {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;
	}

	.costlist ul li:nth-child(3) {
		margin-right: 0;
	}

	.costlist ul li:nth-child(4) {
		width: 49%;
	}

	.costlist ul li:nth-child(5) {
		width: 49%;
	}

	.corebenefitsbox ul li {
		width: 100%;
		margin-right: 0;
	}

	.corebenefitsbox ul li:nth-child(1) {
		width: 100%;
		margin-right: 0;
	}

	.corebenefitsbox ul li:nth-child(2) {
		width: 100%;
	}

	.corebenefitsboxtext {
		display: flex;
		flex-wrap: wrap;
		min-height: auto;
	}

	.corebenefitsboxtext p {
		width: 33.3%;
	}

	.corebenefitslast p {
		font-size: 16px;
	}

	.signbox {
		display: block;
	}

	.signitem {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.signtexted h5 {
		font-size: 20px;
	}

	.signtexted p {
		font-size: 14px;
		margin-top: 4px;
	}

	.signimgs img {
		width: 44px;
		height: 44px;
	}

	.lockbox {
		display: block;
	}

	.lockboxleft {
		width: 100%;
		margin-bottom: 20px;
	}

	.lockboxleft img {
		width: auto;
		max-width: 100%;
		margin: 0 auto;
	}

	.lockboxtext img {
		transform: rotate(90deg);
	}

	.lockboxtext p {
		margin: 0 auto;
	}

	.lockboxright {
		width: 100%;
		margin-top: 20px;
	}

	.lockboxright img {
		width: auto;
		max-width: 100%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 680px) {
	.navleft {
		width: 60%;
	}

	.settleform ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 12px;
	}

	.settleform ul li input {
		height: 40px;
	}

	.settleform ul li button {
		margin-top: 20px;
	}

	.whysettleboxconter {
		padding: 0;
		display: block;
	}

	.whysettleboxleft {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}

	.whysettleboxleft img {
		width: auto;
		max-width: 100%;
		margin: 0 auto;
	}

	.whysettletop {
		margin-bottom: 20px;
	}

	.whysettlelist {
		border-bottom: 0;
	}

	.whysettlelist ul li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 12px;
	}

	.whysettlelist ul li:nth-child(2n) {
		margin-right: 0;
	}

	.whysettlelist ul li:last-child {
		width: 100%;
		margin-bottom: 0;
	}

	.whysettletext {
		padding: 12px 10px 10px 10px;
	}

	.painpointlist ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 12px;
	}

	.painpointlist ul li:last-child {
		margin-bottom: 0;
	}

	.superiorityleft {
		width: 100%;
		margin-right: 0;
		margin-bottom: 12px;
	}

	.superioritytext {
		display: none;
	}

	.superiorityright {
		width: 100%;
		margin-right: 0;
	}

	.storebox {
		box-shadow: none;
		padding: 0;
	}

	.storeimg {
		display: none;
	}

	.storeimgmobile {
		display: block;
		margin-bottom: 14px;
	}

	.telephone p {
		font-size: 16px;
	}

	.telephone p span {
		font-size: 16px;
	}

	.costlist ul li {
		width: 100%;
		margin-right: 0;
	}

	.costlist ul li:nth-child(4) {
		width: 100%;
		margin-right: 0;
	}

	.costlist ul li:nth-child(5) {
		width: 100%;
	}

	.processmobileimg {
		width: 50px;
		height: 50px;
		margin-bottom: 12px;
	}

	.processmobile ul li p {
		font-size: 14px;
	}

	.processmobile ul li:before {
		width: 29px;
		height: 21px;
		top: 16px;
		right: -15px;
	}

	.bdtcaselist ul li {
		width: 24%;
		margin-right: 1.33%;
	}

	.bdtcaselist ul li:nth-child(6n) {
		margin-right: 1.33%;
	}

	.bdtcaselist ul li:nth-child(4n) {
		margin-right: 0;
	}

	.informationbox {
		display: block;
	}

	.informationitem {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.informationitem:last-child {
		margin-bottom: 0;
	}

	.informationup {
		margin-bottom: 20px;
		height: 100px;
	}

	.informationtext span {
		margin-top: 10px;
	}

	.informationlist ul li a p {
		width: 65%;
	}

	.informationlist ul li a span {
		width: 30%;
	}

	.footerconter {
		display: block;
	}

	.footerleft {
		margin-right: 0;
		margin-bottom: 12px;
		padding-bottom: 12px;
		border-bottom: 1px solid #fff;
		box-sizing: border-box;
	}

	.footertel {
		display: block;
		text-align: center;
		margin-top: 12px;
	}

	.costlist {
		margin-bottom: 20px;
	}

	.whysettletext h6 {
		font-size: 16px;
		line-height: 20px;
		margin-top: 10px;
	}

	.whysettletext h6 span {
		font-size: 20px;
	}

	.whysettlelist ul li i {
		margin: 6px auto;
	}

	.painpointbox {
		padding-top: 0;
	}

	.painpointbox:before {
		display: none;
	}

	.title {
		margin-bottom: 20px;
	}

	.whysettletop h5 {
		font-size: 20px;
	}

	.bannercon {
		display: none;
	}

	.bannerconmobile {
		display: block;
	}

	.costtext {
		top: 42px;
	}

	/*.side{display: none !important;}*/
	.corelist ul li {
		width: 100%;
		margin-bottom: 14px;
	}

	.coreimg {
		width: 104px;
		height: 104px;
		margin-bottom: 14px;
	}

	.coretext h4 {
		font-size: 20px;
		line-height: 20px;
	}

	.coretable ul li:nth-child(2) {
		margin-bottom: 14px;
	}

	.coretable ul li:nth-child(2),
	.coretable ul li:nth-child(3) {
		width: 100%;
	}

	.coretable ul li:nth-child(2) h5,
	.coretable ul li:nth-child(3) h5 {
		border-radius: 24px 24px 0 0;
	}

	.coretabletype {
		padding: 12px;
		box-sizing: border-box;
	}

	.coretabletype,
	.coretabletypetwo,
	.coretabletypethree {
		border-right: 1px solid #E1E3E5;
		height: auto;
	}

	.corrtablelist,
	.corrtableimg {
		padding: 12px;
	}

	.corrtablelist span {
		width: 50%;
		margin-right: 0;
	}

	.changebox {
		padding: 14px 14px 0 14px;
		display: block;
	}

	.changeitem {
		width: 100%;
		margin-bottom: 12px;
	}

	.changeitem:last-child {
		margin-bottom: 0;
	}

	.transactionitem {
		padding: 14px 14px 20px 14px;
	}

	.transactiontitle {
		margin-bottom: 20px;
	}

	.transactiontitle h5 {
		font-size: 20px;
	}

	.transactiontitle h5 span {
		font-size: 14px;
		display: block;
		margin-left: 0;
		margin-top: 4px;
	}

	.transactionlist ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 14px;
	}

	.transactionimg {
		margin-bottom: 12px;
	}

	.transactiontext h5 {
		font-size: 20px;
	}

	.transactiontext p {
		margin-top: 10px;
		font-size: 14px;
	}

	.corebenefitsbut {
		padding: 12px 12px 0 12px;
	}

	.corebenefitsitem span {
		font-size: 14px;
	}

	.corebenefitsbox ul li h5 {
		padding: 10px 4px;
	}

	.coretext i {
		margin: 14px auto;
	}

	.newnavbox ul li {
		margin-right: 20px;
	}

	.newnavbox ul li a {
		padding: 0 20px;
	}

	.newlist ul li a {
		padding: 14px 0;
	}

	.newlist ul li a h5 {
		font-size: 16px;
		line-height: 24px;
	}

	.newlist ul li a span {
		margin-top: 10px;
	}

	.scrpage ul li a {
		padding: 4px 8px;
	}

	.newdetailsup h4 {
		font-size: 20px;
	}

	.newdetailscontent p {
		margin-bottom: 10px;
	}

	.newnav {
		height: 50px;
	}

	.newnavbox ul li a {
		line-height: 50px;
	}

	.settlebox .title h4 {
		margin-top: -10px;
	}
}