.fs-52 {
	font-size: 52px;
}

.fs-36 {
	font-size: 36px;
}

.layui-layer-dialog .layui-layer-content:not(.layui-layer-padding) {
	padding: 0 !important;
}

.container {
	width: 1280px;
	margin: 0 auto
}

/* header */
header {
	height: 80px;
}

.header {
	height: 80px;
	width: 100%;
	background-color: #fff;
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	transition: 0.35s all;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

.header.fixed {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.header .logo {
	padding-right: 15px
}

.header .slogan {
	font-size: 16px;
	letter-spacing: 3px;
	margin-left: 15px;
	position: relative;
}

.header .slogan::before {
	content: '';
	width: 2px;
	height: 16px;
	background-color: #727272;
	position: absolute;
	top: 50%;
	left: -15px;
	margin-top: -8px;
}

.header .nav-ul {
	height: 80px;
	position: relative;
	z-index: 1;
}

.header .nav-ul li {
	padding-left: 30px;
}

.header .nav-ul li a {
	display: block;
	height: 80px;
	line-height: 80px;
	font-size: 16px;
	padding: 0 10px;
	transition: .35s all;
}

.header .nav-ul li a.on {
	color: #fff;
}

.header .right {
	position: relative
}




.qhCity {
	padding-left: 40px;
	height: 80px;
}

#form_top input::-webkit-input-placeholder {
	color: #333;
}

#form_top input:-moz-placeholder {
	color: #333;
}

#form_top input::-moz-placeholder {
	color: #333;
}

#form_top input:-ms-input-placeholder {
	color: #333;
}

#form_top input::-ms-input-placeholder {
	color: #333;
}

.line {
	margin: 0;
	padding: 0;
	width: 0px;
	height: 80px;
	background-color: #12a8fe;
	display: block;
	position: absolute;
	top: 0px;
	transition: .25s all
}

.city-box {
	width: 430px;
	margin: 0 auto;
	border: 1px solid rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 25px;
	left: -120px;
	z-index: 999;
	line-height: 1;
	/* display:none; */
}

.city-nav-1 {
	position: relative;
	overflow: hidden;
	background: #f4f4f4;
	padding: 0 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.city-nav-1 li {
	padding: 16px 0;
	float: left;
	cursor: pointer;
	width: 60px;
	text-align: center
}

.city-nav-1 li.active {
	color: #12a8fe;
	border-bottom: 2px solid #12a8fe
}

.city-nav-1 .cityLine {
	position: absolute;
	height: 2px;
	bottom: 0;
	background: #12a8fe;
	left: 30px;
	transition: 0.3s ease
}

.city-con {
	width: 100%;
	max-width: 1200px;
	height: 188px;
	background: #fff;
	position: relative;
	transition: 0.3s ease;
	overflow: hidden
}

.city-con .city-list-1 {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 0
}

.city-con .city-list-1 a {
	padding: 5px 0;
	display: block;
	width: 68px;
	text-align: center;
	float: left;
	color: #777
}

.city-con .city-list-1 a:hover {
	color: #12a8fe
}

.city-con .city-list-1 li p:nth-child(2) a {
	color: #12a8fe;
	padding-left: 12px;
}

.city-con .city-list-1 ul {
	overflow: hidden
}

.city-con .city-list-1 li p {
	float: left;
	line-height: 1.5;
	padding: 0 10px;
}

.city-con .city-list-1 li p span {
	display: inline-block;
	color: red;
	width: 30px;
	text-align: center;
	padding: 5px 0
}

/* .city-toggle:hover .city-box{display:block} */

/* hide */
.filter-text .filter-title {
	height: 30px;
}

/* top-banner */
.top-banner {
	width: 100%;
	height: 540px;
	background-image: url('../images/banner.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: center;
	color: #fff;
}

.yuyue {
	bottom: 0;
	background-color: #12a8fe;
	cursor: pointer;
}

.yuyue>div {
	padding: 20px 30px;
}

.yuyue>form {
	padding: 20px 30px;
}



.yuyue input {
	padding: 10px;
	font-size: 14px;
	height: 43px;
	color: #333;
	/* width: 100%; */
	width: calc(100% - 20px);
	box-sizing: border-box;
}

.form1>div {
	width: calc((100% - 48px) / 5);
	background-color: #fff;
}

.btn {
	width: 100% !important;
	border: 1px solid #fff;
	padding: 10px 28px;
	cursor: pointer;
	background-color: #12a8fe;
	color: #fff !important;
	font-size: 16px !important;
}

.item2 .filter-text .filter-title {
	height: 40px;
}

.item2 .icon-filter-arrow {
	top: 18px;
}

.item2 ul {
	box-shadow: rgba(50, 50, 93, 0.1) 0px 6px 12px -2px, rgba(0, 0, 0, 0.15) 0px 3px 7px -3px;
}

/* .item2 .filter-list li.filter-selected {
				background-color: #fff;
				color: #12a8fe !important;
			} */

.ads::after {
	position: absolute;
	right: 10px;
	top: 13px;
	width: 18px;
	height: 18px;
	display: block;
	content: "";
	background-image: url('../images/icon-address.png');
	background-size: 100% 100%;
}

.link::after {
	position: absolute;
	right: 10px;
	top: 13px;
	width: 11px;
	height: 18px;
	display: block;
	content: "";
	background-image: url('../images/icon-phone.png');
	background-size: 100% 100%;
}

/* process */
.process {
	width: 94%;
	/* width: 1800px; */
	margin: 0 auto;
	padding: 32px 0 60px;
}

.lineOut {
	/* margin-left:  calc(100% / 26); */
	width: calc(100% - (100% / 11));
	margin: 28px auto 0;
}

.lineOut>div:not(:last-child) {
	width: calc((100% - 40px) / 7);
	/* background: #b8e0f7; */
}

.lineOut>div:last-child {
	width: 40px;
}

.circle {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 36px;
}

.lines {
	width: calc(100% - 70px);
	height: 1px;
	background-color: #b8e0f7;
	margin-right: 18px;
}

.process-li {
	margin-top: 20px;
}

.process-li>div {
	width: calc((100% - 140px) / 8);
	background-color: #fff;
}

.process-li img {
	width: 100%;
}

.process-cont {
	padding: 18px 14px;
	/* height: 150px; */
}

/* project */
.project {
	width: 100%;
	height: 835px;
	background-image: url('../images/bg01.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: center;
	padding: 80px 0 50px;
}

.title {
	padding: 16px 0;
}

.titleA {
	background-color: rgba(40, 168, 242, 0.95);
}

.titleB {
	background-color: rgba(244, 68, 99, 0.94);
}

.project-cont {
	background-color: rgba(255, 255, 255, 0.96);
	padding: 15px 24px 30px 30px;
}

.project-cont>div:not(:last-child) {
	border-bottom: 1px dashed #e3e3e3;
	padding: 24px 0;
}

.project-cont p {
	display: flex;
	align-items: center;
	font-size: 15px;
	width: calc(100% / 3);
}

.process-li img {
	transition: 0.35s all;
}

.process-li>div:hover img {
	transform: scale(1.1);
}

.features-cont img {
	transition: 0.35s all;
}

.features-cont>div:hover img {
	transform: scale(1.1);
}

.project-cont img {
	width: 15px;
	margin-right: 10px;
}

.contA {
	border-right: 1px solid #fff;
}

.aCont {
	box-shadow: rgba(18, 168, 254, 0.4) 0px 3px 12px;
}

.project-btn {
	margin: 36px 0 10px;
	cursor: pointer;
}

.project-btn>div {
	padding: 14px 40px;
	border-radius: 80px;
}

.btn-yuyue {
	border: 1px solid #fff;
	font-size: 12px;
	padding: 2px 12px;
	border-radius: 50px;
	margin-left: 14px;
	margin-top: 2px;
}

.bCont {
	background-color: #ff5d79;
	box-shadow: rgba(255, 93, 121, 0.4) 0px 3px 12px;
}

.xz {
	top: 34px;
	left: -5px;
}

/* features */
.features {
	padding: 50px 0 60px;
}

.features-cont {
	margin-top: 20px;
}

.features-cont>div {
	width: calc((100% - 60px) / 4);
	background-color: #fff;
	margin-top: 20px;
}

.conts {
	padding: 26px 30px;
}

/* about */
.about {
	width: 100%;
	height: 489px;
	background-image: url('../images/bg02.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: center;
	padding: 90px 0 50px;
}

@keyframes scaleDraw {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(1.1);
	}

	50% {
		transform: scale(1);
	}

	75% {
		transform: scale(1.1);
	}
}

.btn-play:hover img {
	animation: scaleDraw 5s ease-in-out infinite;
}

.videoOut {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8888;
	transition: 0.1s ease;
	font-size: 12px;
	font-family: 'Microsoft Yahei';
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

.videoOut.show {
	visibility: visible;
	opacity: 1;
	pointer-events: auto
}

.video {
	width: 978px;
	height: 550px;
	position: fixed;
	top: 50%;
	margin-top: -130px;
	left: 50%;
	margin-left: -435px;
	font-size: 14px !important;
	font-family: 'Microsoft Yahei' !important;
	background: #fff;
	border-radius: 8px;
	z-index: 99999;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all .8s cubic-bezier(.42, .47, 0, 1.24);
	/* padding: 0 40px; */
}

.video.show {
	margin-top: -270px;
	opacity: 1;
	visibility: visible;
	pointer-events: auto
}

/* city */
.city {
	padding: 50px 0 60px;
}

.city-cont {
	margin-top: 40px;
}

.city-right {
	width: calc(100% - 410px);
	background: #fff;
}

.city-right {
	padding: 20px 20px 0;
}

.city-right li {
	width: 190px;
	height: 49px;
	border: 1px solid #ececec;
	margin-bottom: 20px;
	text-align: center;
	line-height: 47px;
	font-size: 14px;
	transition: .1s all;
}

.city-right li:hover {
	background-color: #0385F5;
	color: #fff;
	cursor: pointer;
	border-color: #0385F5;
	border-radius: 4px;
}

/* tabs - hide */
.rig-top {
	padding: 26px 28px 16px;
	border-bottom: 1px solid #eeeeee;
	font-size: 15px;
}

.rig-top li {
	width: calc(100% / 5);
	text-align: center;
	cursor: pointer;
}

.rig-top span {
	/* background-color: #12a8fe; */
	padding-bottom: 16px;
}

.rig-bot {}

.swiper {
	width: 100%;
	/* height: 300px; */

}

.swiper1 .swiper-slide {
	padding: 8px 26px;
}

.active span {
	color: #12a8fe;
	border-bottom: 2px solid #12a8fe;
}

.swiper1 .swiper-slide>div {
	width: calc((100% - 60px) / 4);
	border: 1px solid #eeeeee;
	color: #525252;
	padding: 6px 0;
	margin-top: 28px;
}

.swiper1 .swiper-slide>div:not(:nth-child(4n)) {
	margin-right: 20px;
}

/* service */
.service {
	background-color: #fff;
	padding: 40px 0 60px;
}

.service>div {
	width: 94%;
	margin: 0 auto;

}

.service-cont>div {
	width: calc((100% - 60px) / 4);
}

.text-out {
	background-color: rgba(255, 255, 255, 0.9);
	bottom: 0;
	left: 0;
	right: 0;
	padding: 40px 22px 30px;
	transition: 0.35s all;
	transform: scale(1)
}

.img {
	top: -28px;
}

.service-cont div:hover .text-out {
	opacity: 0;
	visibility: hidden;
	transform: scale(.8)
}

.service-cont div:hover .text-info {
	opacity: 1;
	visibility: visible;
	transform: scale(1)
}

.text-info {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	transition: 0.35s all;
	padding: 20px;
	background-color: rgba(0, 0, 0, .5);
	transform: scale(1.1)
}

.text-btn {
	padding: 8px 26px;
	border-radius: 80px;
	cursor: pointer;
}

/* evaluation */

.evaluation {
	width: 100%;
	height: 445px;
	background-image: url('../images/bj-pj.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: center;
	padding: 70px 0 50px;
}

.eval-cont {
	margin-top: 34px !important;
}

.swiper2 {
	height: 260px;
	padding-bottom: 60px;
}

.swiper-cont {
	padding: 0 6px;
}

.swiper-cont>div {
	width: calc((100% - 20px) / 2);
	background-color: #fff;
	padding: 15px 16px;
	cursor: pointer;
}

.swiper-box {
	width: calc(100% - 188px);
}

.swiper2 .swiper-pagination-bullet {
	background-color: rgba(255, 255, 255, 0.9);
}

.swiper2 .swiper-pagination-bullet-active {
	background-color: rgba(255, 255, 255, 1);
}



.sw-img {
	top: 10px;
	right: 16px;
}

.tips {
	background-color: #f7f7f7;
	border-radius: 6px;
	padding: 8px 10px;
	align-items: flex-start;
}

/* case */

.anli-box {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8888;
	transition: 0.1s ease;
	font-size: 12px;
	font-family: 'Microsoft Yahei';
	visibility: hidden;
	opacity: 0;
	pointer-events: none;

}

#anli {
	/* width: 780px; */
	width: 720px;
	height: 700px;
	position: fixed;
	top: 50%;
	margin-top: -130px;
	left: 50%;
	margin-left: -360px;
	font-size: 14px !important;
	font-family: 'Microsoft Yahei' !important;
	background: #fff;
	border-radius: 8px;
	z-index: 99999;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all .8s cubic-bezier(.42, .47, 0, 1.24);
	/* overflow-y: auto; */

}

#anli.show {
	margin-top: -340px;
	opacity: 1;
	visibility: visible;
	pointer-events: auto
}

.anli-box.show {
	visibility: visible;
	opacity: 1;
	pointer-events: auto
}

.anli-cont {
	padding: 30px 40px;
	height: 700px;
	overflow: auto;
}

/* 	#anli .close-popup {
				width: 36px;
				height: 36px;
				border-radius: 50%;
				position: absolute;
				right: -40px;
				top: -40px;
				background: url(./images/close2.png);
				z-index: 99999;
				cursor: pointer;
				background-size: contain
			} */
.case-info {
	/* border: 1px solid rgba(0, 0, 0, 0.05);
	padding: 0 20px; */
}

.case-info>div {
	/* padding: 12px 0; */
}

.lis li {
	background-color: #f5f5f5;
	padding: 5px 10px;
	color: #666;
	
}
.lis li:last-child{
	margin-left: 10px;
}

/* :not(:first-child) */

/* case */



/* footer */
footer {
	background-color: #1f1f1f;
	color: #8f8f8f;
}

.footer-box {
	padding: 48px 0;
}

/* .footer-box>div {
				width: calc(100% / 3);
			} */
.footer-box>a {
	width: calc(100% / 3);
}

/* 	.footer-box>div {
				border-right: 1px solid #313131;
			} */

.footer-box>a:not(:last-child) {
	border-right: 1px solid #313131;
}

.record {
	padding: 18px 0;
	border-top: 1px solid #313131;
}

.large {
	position: absolute;
	width: 140px;
	height: 140px;
	top: 50%;
	left: 0%;
	margin-left: -20px;
	margin-top: -70px;
	opacity: 0;
	transition: .2s all;
}

.smimg {
	width: 70px;
	height: 70px;
	transition: .2s all;
	margin-right: 20px;
}

.qiye-chat:hover .large {
	opacity: 1;
}

/* right-fixed */
.right-fixed {
	position: fixed;
	z-index: 100;
	right: 20px;
	top: 50%;
	transform: translate(0, -50%)
}

.right-fixed li {
	/* width: 100px;
				height: 100px; */
	width: 80px;
	height: 80px;
	background-color: #fff;
	border-bottom: 1px solid #ececec;
	position: relative;
	cursor: pointer;
}

.right-fixed li>a {
	width: 100%;
	height: 100%;
}

.right-fixed li.top {
	margin-top: 20px
}

.right-fixed li .icons {
	/* height: 36px; */
	margin-bottom: 5px
}

.right-fixed li.top .icons {
	margin: 0
}

.right-fixed .icon-tel {
	width: 21px;
	height: 24px;
	background-image: url(../images/phone-fixed.png);
	display: block;
	background-size: cover
}

.right-fixed .icon-chat {
	width: 33px;
	height: 28px;
	background-image: url(../images/chat_fixed.png);
	display: block;
	background-size: cover
}

.right-fixed .icon-yuyue {
	width: 27px;
	height: 26px;
	background-image: url(../images/order-fixed.png);
	display: block;
	background-size: cover
}

.right-fixed .icon-wechat {
	width: 32px;
	height: 27px;
	background-image: url(../images/wechat-fixed.png);
	display: block;
	background-size: cover
}

.right-fixed .icon-top {
	width: 20px;
	height: 19px;
	background-image: url(../images/back-to-top-fixed.png);
	display: block;
	background-size: cover
}

.right-fixed li:hover {
	background-color: #12a8fe;
	color: #fff;
}

.right-fixed li:hover .icon-tel {
	background-image: url(../images/phone_white.png);
}

.right-fixed li:hover .icon-chat {
	background-image: url(../images/chat_white.png);
}

.right-fixed li:hover .icon-yuyue {
	background-image: url(../images/order_white.png);
}

.right-fixed li:hover .icon-wechat {
	background-image: url(../images/wechat_white.png);
}

.right-fixed li:hover .icon-top {
	background-image: url(../images/back-to-top_white.png);
}

.right-fixed li .text-box {
	padding: 10px 16px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	position: absolute;
	background: #fff;
	right: 105px;
	top: 0;
	font-size: 13px;
	box-shadow: 0 10px 16px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
	color: #333
}

.right-fixed li .text-box:before {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	right: -9px;
	top: 25px;
	border-top: 9px solid transparent;
	border-left: 9px solid #fff;
	border-bottom: 9px solid transparent
}

.right-fixed li:hover .text-box {
	opacity: 1;
	visibility: visible;
	right: 130px
}

.right-fixed li>p {
	margin-top: 5px
}

.right-fixed li .text-box {
	padding: 10px 16px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	position: absolute;
	background: #fff;
	right: 105px;
	top: 0;
	font-size: 13px;
	box-shadow: 0 10px 16px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	transition: all .3s
}

.right-fixed li .text-box p {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	display: block;
	padding: 10px 0;
	width: 190px;
	text-align: left
}

.right-fixed li .text-box p i {
	display: block;
	font-size: 16px;
	font-style: normal;
}

.right-fixed li .text-box p span {
	display: block;
}

.right-fixed li .text-box p:last-child {
	border: none
}

.right-fixed li .text-box p span.time {
	color: #999;
	position: relative;
	padding-left: 30px;
	margin: 7px 0
}

.right-fixed li .text-box p span.time:before {
	content: '';
	width: 18px;
	height: 18px;
	background-image: url(../images/icons.png);
	background-position: -45px -48px;
	position: absolute;
	top: 0;
	left: 0
}

.right-fixed li .text-box p span.tel {
	color: #12a8fe;
	font-size: 20px;
	position: relative;
	padding-left: 30px
}

.right-fixed li .text-box p span.tel:before {
	content: '';
	width: 18px;
	height: 18px;
	background-image: url(../images/icons.png);
	background-position: -45px -74px;
	position: absolute;
	top: 6px;
	left: 0
}



.uiw {
	overflow: hidden !important;
}

#Popup p,
h1,
li {
	font-family: 'Microsoft Yahei'
}

.popup-box * {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

.popup-box {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8888;
	transition: 0.1s ease;
	font-size: 12px;
	font-family: 'Microsoft Yahei';
	visibility: hidden;
	opacity: 0;
	pointer-events: none
}

#Popup {
	width: 870px;
	height: 550px;
	position: fixed;
	top: 50%;
	margin-top: -130px;
	left: 50%;
	margin-left: -435px;
	font-size: 14px !important;
	font-family: 'Microsoft Yahei' !important;
	background: #fff;
	border-radius: 8px;
	z-index: 99999;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all .8s cubic-bezier(.42, .47, 0, 1.24)
}

#Popup.show {
	margin-top: -270px;
	opacity: 1;
	visibility: visible;
	pointer-events: auto
}

.popup-box.show {
	visibility: visible;
	opacity: 1;
	pointer-events: auto
}

#Popup .right-box p {
	font-size: 14px
}

.close-popup {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	position: absolute;
	right: -40px;
	top: -40px;
	background: url(../images/close2.png);
	z-index: 99999;
	cursor: pointer;
	background-size: contain
}

#Popup .container {
	width: 50%;
	height: 100%;
	position: relative;
	float: left;
	background: #fff;
	border-radius: 8px 0 0 8px
}

#Popup .left-nav {
	position: absolute;
	width: 50px;
	height: 80%;
	border-radius: 8px 0 0 8px;
	overflow: hidden;
	top: 10%;
	left: -50px;
	background: #eaeced
}

#Popup .left-nav ul {
	height: 100%
}

#Popup .left-nav li {
	text-align: center;
	border-left: 3px solid #eaeced;
	transition: 0.35s;
	cursor: pointer;
	color: #555;
	padding: 0 3px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	border-bottom: 1px solid #dedede;
	line-height: 1.3;
	height: 16.66%
}

.left-nav li.active {
	background: #fff;
	border-left: 3px solid #12a8fe;
	color: #12a8fe
}

.left-nav li:hover {
	background: #fff;
	border-left: 3px solid #ffb423;
	color: #12a8fe
}

.left-nav li:last-child {
	border-bottom: none
}

.box1 {
	width: 100%;
	height: 100%;
	position: absolute;
	display: none
}

.left-box {
	width: 100%;
	float: left;
	height: 100%;
	padding: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center
}

.popup-box .left-box .red {
	color: #e24037
}

#Popup .right-box {
	width: 50%;
	float: left;
	height: 100%;
	border-radius: 0 8px 8px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 50px 50px 50px 40px;
	background: #fff
}

.left-box h1 {
	font-size: 25px;
	font-weight: 600
}

.left-box .icon-dui {
	width: 13px;
	height: 13px;
	background-image: url(../images/icon-check.png);
	display: block;
}

.left-box h1 span {
	color: #444
}

.left-box p {
	margin-top: 10px;
	font-size: 12px;
	color: #888
}

.left-box p span {
	color: #e3961a;
	line-height: 2
}

.inside-box {
	width: 100%;
	height: 365px;
	margin-top: 25px;
	box-shadow: 0 0 20px 0 rgba(10, 130, 107, 0.1);
	border-radius: 5px
}

.inside-nav {
	overflow: hidden
}

.inside-nav li {
	width: 50%;
	float: left;
	text-align: center;
	line-height: 40px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	transition: 0.35s;
	cursor: pointer
}

.international li {
	width: 33.33%
}

.inside-nav li.active {
	border-bottom: 1px solid #12a8fe;
	background: #f5f5f5;
	color: #12a8fe
}

.inside-nav li:hover {
	border-bottom: 1px solid #12a8fe;
	background: #f5f5f5;
	color: #12a8fe
}

.container-2 {
	width: 335px;
	height: 100%;
	overflow: hidden;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.container-3,
.container-4 {
	width: 3000px;
	position: absolute;
	top: 0;
	left: 0
}

.container-ks {
	position: absolute;
	top: 0;
	left: 0
}

.container-2 .box2 {
	float: left;
	width: 335px;
	padding: 0 30px
}

.container-ks .box2 {
	padding: 25px 30px 0
}

.service {
	width: 100%;
	overflow: hidden
}

.service li {
	width: calc(30% - 2px);
	margin-right: 5%;
	float: left;
	line-height: 43px !important;
	height: 43px !important;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-top: 11px;
	background: #f6f6f6;
	transition: 0.35s;
	position: relative;
	cursor: pointer;
	border-radius: 3px
}

.service li input {
	display: none
}

.service label {
	width: 82px;
	display: block
}

.service li.active {
	border: 1px solid #12a8fe
}

.service li.active:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 13px;
	height: 13px;
	/* background: url(../images/6485487875.png) no-repeat */
}

.service li:nth-child(3) {
	margin-right: 0
}

.service li:nth-child(6) {
	margin-right: 0
}

.mart15 {
	margin-top: 13px
}

.e-phone {
	/* position: relative */
}

.e-phone input {
	width: 100%;
	height: 44px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	outline: none;
	padding-left: 10px
}

.e-phone:after {
	content: '';
	width: 10px;
	height: 16px;
	background: #000;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 14px;
	background: url(../images/icon-phone.png);
	background-size: contain;
}

.pianoBtn {
	width: 100%;
	height: 44px;
	background: #12a8fe;
	color: #fff;
	margin-top: 13px;
	border: none;
	outline: none;
	cursor: pointer;
	border-radius: 5px;
	text-align: center;
	font-size: 16px
}

.baojia-Customer {
	width: 100%;
	padding: 28px 5px 28px 20px;
	border-radius: 3px;
	position: relative;
	margin-top: 15px;
	box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.06);
	border: 1px solid rgba(0, 0, 0, 0.03);
	color: #777
}

.c-title {
	width: 160px;
	line-height: 30px;
	position: absolute;
	top: -16px;
	left: 50%;
	margin-left: -80px;
	background: #fff;
	text-align: center;
	color: #444
}

.baojia-Customer p {
	line-height: 2
}

.baojia-Customer p span {
	color: #12a8fe;
	font-size: 18px
}

.baojia-Customer p em {
	font-style: normal;
	font-size: 11px
}

.online a {
	width: 110px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: relative;
	background: #ffb423;
	display: inline-block;
	color: #fff;
	border-radius: 3px;
	padding-left: 25px;
	margin-top: 10px;
	cursor: pointer
}

.chat:before {
	content: '';
	position: absolute;
	width: 18px;
	height: 20px;
	top: 50%;
	margin-top: -10px;
	left: 8px;
	background: url(../images/chat2.png) no-repeat
}

.weixin {
	margin-left: 16px;
	background: #12a8fe !important;
	padding-left: 32px !important
}

.weixin:before {
	content: '';
	position: absolute;
	width: 23px;
	height: 20px;
	top: 50%;
	margin-top: -10px;
	left: 8px;
	background: url(../images/chat2.png) -18px 2px no-repeat
}

.baojia-Customer i {
	font-style: normal;
	margin-left: 5px
}

.baojia-city {
	margin-top: 40px;
	padding: 30px 5px 5px 30px
}

.baojia-city p {
	float: left;
	line-height: 2.5 !important;
	width: 50%
}

.baojia-city p:nth-of-type(odd) {
	margin-right: 0px
}

.area {
	margin-top: 16px
}

.area input {
	height: 46px;
	outline: none;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0 16px 0 10px;
	position: relative;
	width: 100%;
	float: left;
	border-radius: 3px
}

.area>div {
	position: relative;
	/* overflow: hidden; */
	width: calc(46% - 2px);
	margin-bottom: 13px;
	height: 47px;
}

/* 	.area div:first-child {
				float: left;
			} */

.area div:last-child {
	float: right
}

.area div:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 16px;
	border-top: 5px solid #999999;
	border-left: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 5px solid transparent
}

.area div:first-child:after {
	display: none
}

.item3 .icon-filter-arrow {
	top: 20px;
	right: 18px;
}

.item3 .filter-text .filter-title {
	height: 46px;
	line-height: 46px;
	padding: 0 16px 0 10px;
}

.item3 ul {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.e-date input {
	width: 100%;
	height: 44px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	outline: none;
	padding-left: 10px
}

.e-date {
	position: relative;
	margin-top: 16px
}

.e-date:after {
	content: '';
	width: 16px;
	height: 16px;
	background: #000;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 10px;
	background: url(../images/chat2.png) -56px 0
}

.domestic {
	margin-top: 0
}

.domestic div {
	width: 100% !important
}

.gq-nav {
	overflow: hidden
}

.gq-nav li {
	width: 50%;
	float: left;
	text-align: center;
	line-height: 40px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	transition: 0.35s;
	cursor: pointer
}

.warning {
	color: #999 !important;
	text-align: left;
	padding-top: 5px
}

.ajax-msg .content-msg {
	width: 180px;
	height: 50px;
	line-height: 50px;
	background: #ffb423;
	color: #fff;
	position: fixed;
	top: 50%;
	margin-top: -50px;
	left: 50%;
	margin-left: -90px;
	z-index: 999999;
	text-align: center;
	border-radius: 5px;
	opacity: 0;
	visibility: hidden
}

.ajax-msg .ewm {
	width: 300px;
	height: 300px;
	padding: 30px;
	background: rgba(0, 0, 0, 0.65);
	position: fixed;
	top: 50%;
	margin-top: -70px;
	left: 50%;
	margin-left: -150px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: 0.5s;
	z-index: 99999;
	color: #fff
}

.ajax-msg .ewm .close {
	font-size: 18px;
	position: absolute;
	top: 0;
	right: 10px;
	cursor: pointer
}

.ajax-msg .ewm.show {
	visibility: visible;
	margin-top: -100px;
	opacity: 1;
	pointer-events: auto
}

.form-tel {
	padding-bottom: 20px;
	height: 200px
}

.form-tel .swiper-pagination {
	bottom: 0
}

/* 数字 */
.contnum-box {
	border: 1px solid #d3d3cb;
	border-radius: 5px;
}

.contnum-box .infos {
	padding: 7px 0;
	text-align: center;
	color: #999
}

.cont_box {
	display: flex;
	justify-content: flex-end;
	border: 4px solid #3d3c30;
	border-radius: 4px;
	padding: 0 5px
}

.cont_box div {
	margin-left: 2px
}

.cont_box img {
	display: block;
	width: 20px
}

.m-b-15 {
	margin-bottom: 15px
}

.contnum {
	padding: 4px;
	background: #d3d3cb;
	border-radius: 5px;
	margin-bottom: 13px;
}


/* 城市选择 */
.citySelector {
	font: 13px/1.5 tahoma, arial, \5b8b\4f53;
	background: #fff;
	text-align: left
}

.cityslide {
	width: 250px;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid #B3CDC0;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	overflow: auto;
	max-height: 300px
}

.cityslide li {
	list-style: none;
	overflow: hidden;
	height: 30px;
	padding: 0px 10px;
	line-height: 30px
}

.cityslide li.on {
	background: #12a8fe;
	color: #fff;
	cursor: pointer
}

.cityslide li:hover {
	background: #12a8fe;
	color: #fff;
	cursor: pointer
}

.cityslide li b {
	font-weight: normal
}

.cityslide li.empty {
	background: #fff2e8;
	color: #666
}

.cityslide li.empty em {
	color: red;
	font-style: normal
}

.cityname {
	float: left
}

.cityspell {
	float: right
}

.cityBox {
	width: 390px;
	border: 1px solid #B3CDC0;
	overflow: hidden;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	font-size: 12px
}

.cityBox ul {
	margin: 0;
	padding: 0;
	overflow: hidden
}

.cityBox ul li:first-child {
	margin-left: 5px
}

.cityBox ul li {
	float: left;
	list-style: none;
	padding: 5px;
	border-bottom: 1px solid #DDD;
	cursor: pointer;
	display: inline;
	color: #12a8fe
}

.cityBox ul li.on {
	border-bottom-color: #12a8fe;
	position: relative
}

.hide {
	display: none
}

p.tip {
	color: #888;
	line-height: 20px;
	padding: 5px;
	margin: 0;
	text-indent: 3px
}

.hotCity {
	border-top: 1px solid #DDD;
	margin-top: -1px;
	clear: left;
	overflow: hidden;
	padding-bottom: 10px;
	padding-top: 10px;
	_margin-bottom: 8px
}

.cityTab {
	overflow: hidden
}

.cityTab dl {
	margin: 0;
	padding: 0 0 0 10px;
	overflow: hidden
}

.cityTab dl dt {
	float: left;
	padding-left: 3px;
	color: #12a8fe;
	margin-top: 1px;
	text-indent: 5px;
	line-height: 25px;
	font-size: 16px;
	width: 20px
}

.cityTab dl dd {
	margin-left: 2px;
	float: left;
	width: 335px
}

.cityTab dl dd a {
	padding-left: 5px;
	min-width: 66px;
	line-height: 25px;
	display: inline-block;
	color: #444;
	text-decoration: none;
	font-family: '微软雅黑';
	cursor: pointer;
}

.cityTab dl dd a:hover {
	color: #12a8fe
}

/* 城市选择-end */


/* 同城城市-start */
._citys {
	width: 450px;
	display: inline-block;
	border: 2px solid #eee;
	padding: 5px;
	position: relative;
	background: #fff
}

._citys span {
	color: #12a8fe;
	height: 15px;
	width: 15px;
	line-height: 13px;
	text-align: center;
	border-radius: 3px;
	position: absolute;
	right: 10px;
	top: 10px;
	border: 1px solid #12a8fe;
	cursor: pointer
}

._citys0 {
	width: 100%;
	height: 34px;
	display: inline-block;
	border-bottom: 2px solid #12a8fe;
	padding: 0;
	margin: 0
}

._citys0 li {
	display: inline-block;
	line-height: 34px;
	font-size: 15px;
	color: #888;
	width: 80px;
	text-align: center;
	cursor: pointer
}

.citySel {
	background-color: #12a8fe;
	color: #fff !important
}

._citys1 {
	width: 100%;
	display: inline-block;
	padding: 10px 0
}

._citys1 a {
	width: 83px;
	height: 35px;
	display: inline-block;
	background-color: #f5f5f5;
	color: #666;
	margin-left: 4px;
	margin-top: 3px;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
	font-size: 13px;
	overflow: hidden
}

._citys1 a:hover {
	color: #fff;
	background-color: #12a8fe
}

.AreaS {
	background-color: #12a8fe !important;
	color: #fff !important
}

/* 同城城市-end */
.case-warp {
	position: relative;
}

#bz-btn-next {
	width: 25px;
	height: 50px;
	display: inline-block;
	position: absolute;
	background-color: #ccc;
	top: 50%;
	margin-top: -25px;
	right: 0px;
	background-image: none;
}

#bz-btn-prev {
	width: 25px;
	height: 50px;
	display: inline-block;
	position: absolute;
	background-color: #ccc;
	top: 50%;
	margin-top: -25px;
	left: 0px;
	background-image: none;
}

#bz-btn-prev:after {
	content: '';
	position: absolute;
	width: 8px;
	height: 14px;
	background-image: url(../images/arrow.png);
	background-position: top left;
	top: 50%;
	margin-top: -7px;
	left: 50%;
	margin-left: -4px;
}

#bz-btn-next:after {
	content: '';
	position: absolute;
	width: 8px;
	height: 14px;
	background-image: url(../images/arrow.png);
	background-position: top right;
	top: 50%;
	margin-top: -7px;
	left: 50%;
	margin-left: -4px;
}



/* 滚动条 */
.tiao ::-webkit-scrollbar {
	width: 8px;
	height: 4px;
	background-color: #F5F5F5
}

.layui-layer ::-webkit-scrollbar {
	width: 8px;
	height: 4px;
	background-color: #F5F5F5
}

.tiao ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background: #fff
}

.layui-layer ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background: #fff
}

.tiao ::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	background-color: #ececec
}

.layui-layer ::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	background-color: #ececec
}

.tiao ::-webkit-scrollbar-thumb:hover {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	background: #bbb
}

.layui-layer ::-webkit-scrollbar-thumb:hover {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	background: #bbb
}

.swiper-pagination-bullet {
	width: 6px;
	height: 6px;
}