@charset "utf-8";

html,
body {
	/* height: 100%; */
	/* min-height: 100%; */
	margin: 0;
	padding: 0;
	font-family: PingFang SC-Medium, sans-serif !important;
	/* overflow-x: auto; */
}

body {
	/* background: #fff; */
	-webkit-overflow-scrolling: touch;
	/* background-color: #fff;
    font-size: 12px;
    color: #676a6c; */
	/* overflow-x: hidden; */
}

html {}

body,
ul,
li,
p,
h1,
h2,
h3,
video,
div,
span,
img,
input,
button,
a,
dl,
dt,
dd,
s,
hr,
table,
tr,
td,
th,
thead,
tbody {
	margin: 0;
	padding: 0;
}

ul,
li,
p,
h1,
h2,
h3,
video,
span,
img,
input,
button,
div,
a,
s,
hr,
textarea {
	/* font-size: 12px; */
}

h3,
h1,
h2 {
	font-size: 100%;
	font-weight: 400;
}

ul,
li {
	list-style: none;
}


.searchcontent {
	background-color: #fff;
	margin-bottom: 10px;
	padding: 10px 10px;
}

.searchcontentTran {
	margin-bottom: 10px;
	padding: 10px 10px;
}

.searchtable {
	background-color: #fff;
	margin: 10px auto;
	padding: 10px 10px;
}


.el-dialog__body {
	background-color: #f8fafb;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}

.el-dialog__footer {
	text-align: end !important;
}

.searchcontent .el-form-item {
	margin-bottom: 0 !important;
}

button {
	border: none;
	outline: none;
}

input {
	border: none;
	outline: none;
	background: transparent;
}

.index-img {
	width: 1420px;
	margin-left: -140px !important;
}

.index-img1 {
	width: 1420px;
	justify-content: space-between;
}
























* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	-webkit-text-size-adjust: none;
}

input {
	box-shadow: none;
	border: none;
	outline: none;
	resize: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* input 类型为 number 时去掉数字加减上下箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
}

input[type="number"] {
	-moz-appearance: textfield;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
}

.tc {
	text-align: center;
}

.tl {
	text-align: left;
}

.tr {
	text-align: right;
}

.row {
	width: 100%;
	min-width: 720px;
}

/*导航*/
.head-nav {
	height: 60px;
	padding: 18px 40px;
	margin: 0px auto;
	background-color: #fff;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0px;
	z-index: 10000;
	min-width: 720px;
}

.nav-left {
	width: 20%;
	display: inline-block;
}

.nav-right {
	width: 16%;
	display: inline-block;
	float: right;
	padding-left: 40px;
}

.nav-cent {
	width: 64%;
	display: inline-block;
	min-width: 720px;
	/*height: 50px;*/
}

.nav {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	float: right;
}

.nav-item {
	margin-left: 40px;
	height: 80px;
	line-height: 80px;
}

.nav-link {
	text-decoration: none;
	/* 去除默认的下划线 */
	color: #000;
	height: 80px;
	width: 100%;
	display: inline-block;
	font-size: 18px;
}

.nav-link:hover {
	border-bottom: 3px solid #3388ff;
}

.active {
	color: #3388ff;
	border-bottom: 3px solid #3388ff;
}

.btn-kf {
	display: inline-block;
	width: 150px;
	height: 40px;
	background-color: #3388ff;
	border: 0px;
	border-radius: 3px;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	padding-left: 25px;
}

.btn-kf-msg {
	background: url('https://jiujiakeji.oss-cn-qingdao.aliyuncs.com/img/msg.png') no-repeat center;
	background-color: transparent;
	background-size: 22px 22px;
	height: 22px;
	width: 22px;
	display: inline-block;
	position: relative;
	top: 5px;
	right: -42px;
}

.main {
	width: 1420px;
	min-width: 720px;
	margin: 0px auto;
	margin-top: 50px;
	height: 100%;
	/* overflow: hidden; */
}

.banner {
	width: 100%;
	height: 532px;
}

.index-case {
	padding: 0px 115px;
	margin: 0px auto;
}

.index-case1 {
	padding: 0px 0px;
	margin: 0px auto;
	background-color: #f8f8f8;
	padding-left: 30px;
	padding-right: 30px;
}

.index-case-head {
	text-align: center;
	padding-top: 30px;
}

.index-case-head h3 {
	font-size: 30px;
}

.index-case-head p {
	font-size: 0px;
	color: #999;
	margin: 17px 0px 34px 0px;
}

.index-case-body {
	width: 100%;
}

.index-case-item {
	width: 23.6%;
	height: 275px;
	display: inline-block;
	margin: 8px;
	cursor: pointer;
	background-color: #fff;
	overflow: hidden;
	transition: 0.6s
}

.index-case-item .img {
	width: 100%;
	height: 80%;
	overflow: hidden;
	border: none;
}

.index-case-item .img img {
	width: 100%;
	height: 100%;
	transition: 0.6s
}

.index-case-item div {
	width: 99.3%;
	height: 19.3%;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 0px 0px 3px 3px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
}

.index-case-item:hover {
	box-shadow: 0 4px 24px 0 rgb(0 0 0 / 13%);
	transition: 0.6s;
}

.index-case-item:hover .img img {
	transform: scale(1.1);
	transition: 0.6s;
}

.index-case-bottom {
	width: 100%;
	height: 100px;
	padding-top: 40px;
	text-align: center;
}

.index-case-bottom button {
	width: 490px;
	height: 60px;
	background-color: #fff;
	color: #666;
	border: 1px solid #999;
	border-radius: 30px;
	font-size: 20px;
	cursor: pointer;
}

.index-case-bottom button:hover {
	background-color: #3388ff;
	color: #fff;
	border: 1px solid #3388ff;
}

.bge {
	background-color: #f8f8f8;
	padding-top: 35px;
}

.case-h3 {
	color: #333;
}

.article-item {
	width: 32.1%;
	height: 313px;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 10px;
	box-shadow: 0 12px 24px 0 rgb(0 0 0 / 13%);
	padding: 25px;
	box-sizing: border-box;
	cursor: pointer;
}

.article-left {
	margin-right: 1.55%;
}

.article-item h4 {
	font-size: 20px;
	color: #000;
}

.article-item p {
	font-size: 16px;
	color: #999;
	margin: 12px 0px;
}

.article-item img {
	width: 100%;
	height: 188px;
	border-radius: 5px;
}

.article-item:hover h4 {
	color: #3388ff;
}

.index_video {
	width: 85%;
	height: 85%;
}

.hzhb {
	margin-bottom: 30px;
}

.form-body {
	height: 514px;
}

.baojia {
	width: 450px;
	height: 464px;
	border-radius: 10px;
	background-color: #fff;
	display: inline-block;
	position: relative;
	top: -488px;
	left: 66%;
	padding: 20px 0px;
	box-sizing: border-box;
	overflow: hidden;
}

.baojia-title {
	width: 100%;
	height: 53px;
	font-size: 23px;
	color: #333;
	text-align: center;
	padding: 10px 0px;
	line-height: 225%;
}

.baojia-sub_title {
	width: 100%;
	height: 27px;
	font-size: 14px;
	color: #999;
	text-align: center;
	/*padding-bottom:  0.9375em;*/
}

.baojia-sub_title span {
	color: #3388ff;
	font-size: 14px;
}

.baoming-form {
	width: 100%;
	height: 324px;
	text-align: center;
}

.baoming-form-input {
	box-sizing: border-box;
	width: 350px;
	height: 60px;
	padding: 0px 22.5px;
	font-size: 18px;
	background-color: #f5f5f5;
	color: #aaa;
	margin-top: 25px;
	border: 0px;
	border-radius: 5px;
	caret-color: #3388ff;
}

.baoming-form-input:hover {
	background-color: #eee;
}

.baoming-form-sub {
	background-color: #3388ff;
	width: 350px;
	height: 60px;
	font-size: 20px;
	color: #fff;
	border: none;
	border-radius: 5px;
	margin-top: 45px;
	cursor: pointer;
}

.baoming-form-sub:hover {
	background-color: #2170d9;
}

.scroll-box {
	width: 350px;
	height: 30px;
	background-color: #f2f7ff;
	display: inline-block;
	border-radius: 15px;
	margin-top: 10px;
	overflow: hidden;
}

.scroll-box ul {
	width: 350px;
	height: 30px;
}

.scroll-box ul li {
	font-size: 14px;
	color: #383838;
	margin-top: 5px;
	padding: 0px 20px;
	text-align: left;
	vertical-align: top;
}

.scroll-box ul li span {
	font-size: 14px;
	color: #383838;
	text-align: left;
	height: 22px;
	display: inline-block;
	vertical-align: middle;
	padding-left: 25px;
}

.scroll-box ul li span:nth-child(3) {
	padding-left: 25px;
}

.scroll-box ul li span:nth-child(4) {
	padding-left: 25px;
	color: #3388ff;
	font-size: 14px;
}

.icon-lb {
	background: url('https://jiujiakeji.oss-cn-qingdao.aliyuncs.com/img/lb.png') no-repeat center;
	background-color: transparent;
	background-size: 22px 22px;
	height: 22px;
	width: 22px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
}

.footer {
	height: 146px;
	background-color: rgb(248, 248, 248);
	margin: 0px auto;
	padding: 40px 0px 20px 0px;
	box-sizing: border-box;
}

.footer-head {
	width: 80%;
	height: 50%;
	display: flex;
	align-items: center;
	margin: 0px auto;
}

.footer-head a {
	display: inline-block;
	width: 15%;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	margin: 0px auto;
	color: #333;
	border-right: 1px solid #ccc;
}

.footer-head a:last-child {
	border-right: 0px;
}

.footer-head a:hover {
	color: #3388ff;
}

.footer-copy {
	width: 100%;
	height: 50%;
	font-size: 16px;
	text-align: center;
	padding-top: 15px;
	color: #666;
}

.company {
	width: 100%;
	font-size: 18px;
	display: flex;
	/* align-items: center; */
	margin-bottom: 50px;
	justify-content: space-between;
}

.company-left {
	width: 55%;
	display: inline-block;
	font-size: 18px;
	line-height: 2;
	color: #333;
	padding: 0px 60px;
}

.company-right {
	width: 45%;
	display: inline-block;
	border-radius: 5px;
}

.company-title {
	font-size: 25px;
	color: #444;
	margin-bottom: 50px;
	padding-left: 60px;
}

.info-title {
	width: 100%;
	font-size: 18px;
	color: #333;
	height: 60px;
	padding-top: 30px;
}

.info-title a {
	font-size: 18px;
	color: #333;
	margin-left: 20px;
}

.info-title a:hover {
	color: #3388ff;
}

.info-title span {
	font-size: 18px;
	color: #333;
	margin-left: 20px;
}

.info-head {
	height: 390px;
	margin-bottom: 50px;
	display: flex;
	align-items: center;
}

.info-head-left {
	width: 30%;
	height: 100%;
	display: inline-block;
	border: 1px solid #f8f8f8;
	border-radius: 3px;
}

.info-head-left img {
	width: 100%;
	height: 100%;
}

.info-head-right {
	width: 67%;
	height: 100%;
	display: inline-block;
	margin-left: 3%;
}

.info-head-right h4 {
	font-size: 30px;
	font-weight: bold;
	color: #333;
	line-height: 45px;
}

.info-head-right-price {
	width: 100%;
	height: 45px;
	padding: 33px 22px 25px 22px;
	font-size: 26px;
	color: #e6322e;
	font-weight: 600;
	background-color: #f5f5f5;
	margin: 15px 0px;
	border-radius: 5px;
}

.info-head-right-span {
	height: 33px;
	width: 100%;
	text-align: left;
}

.info-head-right-span span {
	display: inline-block;
	min-width: 80px;
	height: 100%;
	background-color: #f2f7ff;
	margin-right: 8px;
	color: #3388ff;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	border-radius: 3px;
	padding: 0px 10px;
}

.info-head-right-btn {
	width: 100%;
	height: 40px;
	margin-top: 30px;
}

.info-head-right-btn button {
	width: 140px;
	height: 100%;
	color: #fff;
	background-color: #3388ff;
	font-size: 18px;
	border-radius: 5px;
	text-align: center;
	border: none;
	cursor: pointer;
}

.info-head-right-btn button:hover {
	background-color: #2170d9;
}

.info-body {
	border: 1px solid #f5f5f5;
	border-top: 0px;
	box-sizing: border-box;
}

.info-body-title {
	width: 100%;
	height: 60px;
	background-color: #f5f5f5;
}

.info-body-title span {
	display: inline-block;
	height: 100%;
	width: 180px;
	font-size: 18px;
	background-color: #fff;
	color: #3388ff;
	text-align: center;
	line-height: 2.625em;
	border-top: 3px solid #3388ff;
	cursor: pointer;
}

.info-body-text {
	width: 100%;
	height: 100%;
	padding: 45px;
	text-align: center;
	box-sizing: border-box;
}

.info-body-text img {
	width: 80%;
}

.info-footer {
	width: 100%;
	height: 500px;
	margin: 25px 0px 25px 0px;
	box-sizing: border-box;
}

.info-footer h3 {
	text-align: left;
	padding: 50px 0px;
	font-size: 26px;
	font-weight: 350;
	color: #333;
}

.info-footer-item {
	width: 32%;
	height: 365px;
	display: inline-block;
	box-sizing: border-box;
	border-radius: 5px;
}

.info-footer-item:nth-child(2) {
	margin-left: 2%;
}

.info-footer-item:nth-child(3) {
	margin-left: 2%;
}

.info-footer-item img {
	width: 100%;
	height: 82%;
}

.info-footer-item button {
	width: 100%;
	height: 18%;
	background-color: #f5f5f5;
	color: #333;
	font-size: 18px;
	text-align: left;
	padding: 10px 15px;
	border: none;
	border-radius: 2px;
	cursor: pointer;
}

.info-footer-item button:hover {
	color: #fff;
	background-color: #3388ff;
}

.footer-copy a {
	font-size: 14px;
	color: #3388ff;
}

.add_wechat {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 9999;
}

.phone_popup {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 9999;
}

.phone_box {
	width: 460px;
	height: 300rpx;
	border-radius: 5px;
	background-color: #fff;
	margin: 0px auto;
	position: fixed;
	top: 25%;
	left: 38%;
	z-index: 999999;
	padding: 40px;
	box-sizing: border-box;
}

.phone_box h5 {
	font-size: 28px;
	color: #333;
	text-align: center;
}



.phone_box span {
	width: 50px;
	height: 30px;
	font-size: 23px;
	background-color: #fff;
	position: absolute;
	right: 5px;
	top: 15px;
	color: #666;
	text-align: center;
	cursor: pointer;
}

.phone_box div {
	color: #666;
	font-size: 12px;
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
}


.wechat {
	width: 460px;
	height: 480px;
	border-radius: 5px;
	background-color: #fff;
	margin: 0px auto;
	position: fixed;
	top: 25%;
	left: 38%;
	z-index: 999999;
	padding: 40px;
	box-sizing: border-box;
}

.wechat h5 {
	font-size: 22px;
	color: #333;
	text-align: center;
	margin-bottom: 30px;
}

.wechat img {
	width: 100%;
	height: 340px;
}

.wechat span {
	width: 50px;
	height: 30px;
	font-size: 23px;
	background-color: #fff;
	position: absolute;
	right: 5px;
	top: 15px;
	color: #666;
	text-align: center;
	cursor: pointer;
}

/*.index-form {
	text-align: center;
	margin-top: 50px;
	/*background-color: #eee;
	height: 300px;
}

.index-form h3 {
	font-size: 26px;
	color: #333;
	text-align: center;
}

.index-form-s {
	margin: 0px auto;
	width: 50px;
	height: 3px;
	background-color: #3388ff;
	margin-top: 15px;
}

.index-form-t {
	width: 80%;
	margin: 0px auto;
	height: 150px;
	padding: 50px 0px;
	box-sizing: border-box;
}

.index-form-t input {
	display: inline-block;
	margin: 0px auto;
	background-color: #f3f3f3;
	font-size: 16px;
	text-align: left;
	border-radius: 50px;
	width: 25%;
	height: 50px;
	margin-left: 2%;
	padding: 3px 10px;
	border: 2px solid #85b4ff;
	caret-color: #3388ff;
	vertical-align: middle;
}

.index-form button {
	height: 40px;
	width: 300px;
	margin: 0px auto;
	margin-top: 10px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	border-radius: 30px;
	background-color: #3388ff;
	border: none;
}

.index-form button:hover {
	background-color: #2170d9;
	cursor: pointer;
}*/


.slider_indexs {
	z-index: 999;
}

.index-form {
	position: relative;
	text-align: center;
	height: 300px;
	top: 50px;
	z-index: 0;
}

.AnimationLeftToRight {
	animation: slideRight 1s ease forwards;
}

.AnimationRightToLeft {
	animation: slideLeft 1s ease forwards;
}

@keyframes slideLeft {
	from {
		transform: translateX(100%);
	}

	to {
		transform: translateX(0%);
	}
}

@keyframes slideRight {
	from {
		transform: translateX(-100%);
	}

	to {
		transform: translateX(0%);
	}
}

.index-form h3 {
	font-size: 26px;
	color: #333;
	text-align: center;
}

.index-form-s {
	margin: 0px auto;
	width: 50px;
	height: 3px;
	background-color: #3388ff;
	margin-top: 15px;
	margin-bottom: 50px;
}

.index-form-t {
	width: 80%;
	margin: 0px auto;
	height: 300px;
	padding: 50px 0px;
	box-sizing: border-box;
	/*background-color: #f7f8fa;*/
	background: linear-gradient(1deg, #fff 5%, #f7f8fa 100%);
	border-radius: 5px;
	box-shadow: 12px 12px 12px 12px rgb(0 0 0 / 5%);
}

/*.index-form-t input{*/
/*	display: inline-block;*/
/*	margin:0px auto;*/
/*	background-color: #f3f3f3;*/
/*	font-size: 16px;*/
/*	text-align: left;*/
/*	border-radius: 50px;*/
/*	width: 25%;*/
/*	height: 50px;*/
/*	margin-left: 2%;*/
/*	padding: 3px 10px;*/
/*	border: 2px solid #85b4ff;*/
/*	caret-color:#3388ff;*/
/*	vertical-align:middle;*/
/*}*/
.index-form button {
	/*height: 100%;*/
	/*width: 300px;*/
	/*margin:0px auto;*/
	/*margin-top: 10px;*/
	/*text-align: center;*/
	/*color: #fff;*/
	/*font-size: 	18px;*/
	/*font-weight: 300;*/
	/*border-radius: 30px;*/
	background-color: #3388ff;
	/*border:none;*/

	margin: 0;
	outline: none;
	cursor: pointer;
	/*background: linear-gradient(0deg,#3388ff 0%, #3388ff 100%);*/
	border: none;
	color: #fff;
	width: 160px;
	height: 60px;
	box-sizing: border-box;
	line-height: 60px;
	padding: 0;
	font-size: 20px;
	border-radius: 30px;
}

.index-form button:hover {
	background-color: #2170d9;
	cursor: pointer;
}

.inp_wrap {
	font-family: PingFang SC-Medium, sans-serif !important;
	padding: 0;
	display: flex;
	/*background-color: #eee;*/
	/* background: linear-gradient(0deg, #eee 100%, #fff 100%); */
	width: 100% !important;
	padding-right: 20px;
	margin: 0 auto;
	border-radius: 30px;
	justify-content: space-between;
	height: 60px;
}

.inputs {
	font-family: PingFang SC-Medium, sans-serif !important;
	margin: 0;
	padding: 0;
	display: flex;
	background-color: #FFFFFF !important;
}

.tel {
	font-family: PingFang SC-Medium, sans-serif !important;
	margin: 0;
	padding: 0;
	width: 190px;
	padding-left: 30px;
	box-sizing: border-box;
}

.describe {
	font-family: PingFang SC-Medium, sans-serif !important;
	margin: 0;
	padding: 0;
	width: 340px;
}

.tabbox {
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: 22px;
}

.tabbox:last-child {
	margin-right: 0px !important;
}

.true_box {
	/*width: 137px !important;*/
	/*height: 40px !important;*/
	/*background-color: #1778F2;*/
	display: flex;
	/*justify-content: center;*/
	/*align-items: center;*/
	/*color: #FFFFFF;*/
	font-size: 16px;
	/*border-radius: 20px;*/
	/*margin-bottom: 40px;*/
	/*margin-right: 40px;*/
	width: 150px;
	height: 80px;
	background-color: #fe9b54;
	/*background: rgb(0, 58, 212);*/
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	color: #FFFFFF;

}

.false_box:hover {
	background-color: #fe9b54;
}

.false_box {
	/*width: 137px !important;*/
	/*height: 40px !important;*/
	/*border: 1px solid #1778F2;*/
	/*display: flex;*/
	/*justify-content: center;*/
	/*align-items: center;*/
	/*color: #1778F2;*/
	/*font-size: 18px;*/
	/*border-radius: 20px;*/
	/*margin-bottom: 40px;*/
	/*margin-right: 40px;*/

	display: flex;
	font-size: 16px;
	width: 150px;
	height: 80px;
	background-color: #3388ff;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	color: #FFFFFF;
}

.tabhide {
	width: 100%;
	display: flex;
	align-items: center;
	height: 320px;
	margin-top: 60px;
}

.item {
	width: 298px;
	height: 320px;
	/*display: flex;*/
	/*flex-direction: column;*/
	/*align-items: center;*/
	/*justify-content: center;*/
	/*margin-right: 50px;*/
	margin: 0px auto;
	background-color: #fff;
	overflow: hidden;
	transition: 0.6s;
}

.item:hover {
	box-shadow: 0 4px 24px 0 rgb(0 0 0 / 13%);
	transition: 0.6s;
	background-color: #fe9b54;
}

.item:hover .phone_icon {
	transform: scale(1.1);
	transition: 0.6s;
}

.item:hover span {
	color: #fff;
}


.item:last-child {
	margin-right: 0px !important;
}

.phone_icon {
	background-color: #fff;
	width: 298px;
	/*border-radius: 30px;*/
	height: 200px;
	transition: 0.6s;
}

.item_name {
	display: block;
	color: #000;
	font-size: 14px;
	margin-top: 30px;
	padding: 0px 15px;
}

.item_name2 {
	display: block;
	color: #000;
	font-size: 12px;
	margin-top: 10px;
	padding: 0px 15px;
}



.submit_phone {
	width: 1200px;
	margin: 0px auto;
	position: relative;
	height: 676px;
}

.bg_img {
	width: 100%;
	height: 100%;
}

.search {
	width: 700px;
	height: 80px;
	position: absolute;
	top: 290px;
	left: 249px;
	background-color: #FFFFFF;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.staech_btn {
	width: 214px;
	height: 80px;
	background-color: #2366FD;
	border-radius: 0px 50px 50px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	font-size: 36px;
	font-weight: bold;
}

.search_icon {
	width: 56px;
	height: 56px;
}

.phone_input {
	width: 400px;
	height: 80px;
	padding-left: 30px;
	border-radius: 50px 0px 0px 50px;
	font-size: 34px;
}

.phone_input::placeholder {
	color: #999999;
}

.one_stop {
	width: 1200px;
	display: flex;
	flex-direction: column;
	margin: 0px auto;
	height: 1000px;
	margin-top: 150px;
}

.one_stop_title {
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 32px;
	font-weight: bold;
}

.one_stop_subtitle {
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 16px;
	margin-top: 18px;
}

.one_stop_value {
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.one_icon {
	width: 583px;
	height: 210px;
	margin-right: 30px;
	margin-top: 39px;
}

.one_icon:nth-child(2n) {
	margin-right: 0px;
}


.problem_box {
	width: 1200px;
	height: 815px;
	margin: 24px auto;
	position: relative;
	margin-top: 150px;
}

.app_bg_img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.problem_title {
	position: absolute;
	top: 40px;
	font-size: 30px;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

.problem_subtitle {
	position: absolute;
	top: 90px;
	font-size: 14px;
	width: 100%;
	text-align: center;
	color: #666666;
}

.app_problem_icon1 {
	width: 336px;
	height: 194px;
	position: absolute;
	top: 141px;
	left: 0px;
}

.app_problem_icon2 {
	width: 336px;
	height: 194px;
	position: absolute;
	top: 141px;
	right: 0px;
}

.app_problem_icon3 {
	width: 336px;
	height: 194px;
	position: absolute;
	top: 392px;
	left: 0px;
}

.app_problem_icon4 {
	width: 336px;
	height: 194px;
	position: absolute;
	top: 392px;
	right: 0px;
}

.app_problem_icon5 {
	width: 336px;
	height: 194px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.app_problem_icon6 {
	width: 336px;
	height: 194px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.contact {
	width: 1900px;
	height: 323px;
	background-image: url(../banner/lainxi_bg.png);
}

.lainxi_totle {
	width: 100%;
	padding-top: 20px;




	color: #FFFFFF;
	font-size: 34px;
	text-align: center;
}

.lainxi_subtitle {
	width: 100%;
	text-align: center;
	color: #CBCBCB;
	font-size: 18px;
	margin-top: 6px;
}

.value_box {
	width: 100%;
	padding-left: 360px;
	padding-right: 480px;
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}

.code_box {
	display: flex;
	flex-direction: column;
	align-items: center;

}

.code_img {
	width: 114px;
	height: 114px;
	margin-bottom: 8px;
}

.tishi {
	color: #FFFFFF;
	font-size: 16px;
}

.left_flex_c {
	display: flex;
	flex-direction: column;
	width: 700px;
	height: 120px;
}

.size1 {
	color: #FFFFFF;
	font-size: 16px;
}

.size2 {
	color: #FFFFFF;
	font-size: 30px;
	font-weight: bold;
	margin-top: 10px;
}

.size3 {
	color: #FFFFFF;
	font-size: 16px;
	margin-top: 10px;

}



.top_banner {
	width: 100%;
	height: 400px;
	position: relative;
	margin-top: 80px;
}

.top_banner img {
	width: 100%;
	height: 100%;
}

.top_banner a {
	width: 150px;
	height: 50px;
	background: #018B79;
	border-radius: 4px;
	text-align: center;
	line-height: 50px;
	color: #FFFFFF;
	font-size: 22px;
	position: absolute;
	left: 360px;
	bottom: 80px;
	cursor: pointer;
	text-decoration: none;
}

.top_banner a:hover,
a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.equipment_title {
	width: 100%;
	margin-top: 70px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #333333;
	font-size: 40px;
	white-space: nowrap;
}

.equipmentSubtitle {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	font-size: 18px;
}

.equipment_icon1 {
	width: 1146px;
	height: 428px;
	min-width: 1146px;
	margin: 50px auto 0px;
	display: block;
}

.equipment_icon2 {
	width: 1040px;
	height: 472px;
	min-width: 1040px;
	margin: 50px auto 0px;
	display: block;
}

.styleone {
	width: 100%;
	padding: 100px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.equipment_icon3 {
	width: 468px;
	height: 340px;
	margin-right: 120px;
}

.flex-c {
	display: flex;
	flex-direction: column;
}

.flex-c p {
	font-size: 18px;
	color: #333333;
	margin-top: 20px;
	margin-bottom: 0px !important;
}

.flex-c span {
	font-size: 14px;
	color: #808080;
	margin-top: 0px !important;
	max-width: 440px;
}

.styletwo {
	width: 100%;
	padding: 100px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #F2F9FA;
}

.equipment_icon4 {
	width: 474px;
	height: 445px;
	margin-left: 120px;
}

.equipment_icon5 {
	width: 468px;
	height: 322px;
	margin-right: 120px;
}

.equipment_icon6 {
	width: 496px;
	height: 376px;
	margin-left: 120px;
}

.equipment_icon7 {
	width: 468px;
	height: 314px;
	margin-right: 120px;
}

.tabox {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.text_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0px 30px;
}

.text_box p {
	font-size: 18px;
	color: #333333;
}

.minline {
	width: 100px;
	height: 4px;
	background-color: #1FCBB4;
	margin-top: 10px;
	border-radius: 2px;
}

.minline1 {
	width: 100px;
	height: 4px;
	background-color: #1FCBB4;
	margin-top: 10px;
	border-radius: 2px;
}

.twocar_img {
	width: 1440px;
	height: 400px;
	margin: 50px auto 90px;
	display: block;
}

.fourcarImg {
	width: 1440px;
	height: 400px;
	margin: 50px auto 90px;
	display: block;
}

.bottom {
	width: 100%;
	height: 330px;
	margin-bottom: 60px;
	min-width: 100%;
	position: relative;
}

.bottom img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
}
.bottom a {
	width: 244px;
	height: 52px;
	position: absolute;
	bottom: 67px;
	left: 50%;
	margin-left: -144px;
	z-index: 1;
}

