.cursor {
	cursor: pointer
}

.f-fl {
	float: left;
}

.f-fr {
	float: right;
}

.layui-body {
	overflow-x: auto;
	min-width: 1170px;
}

.layui-container {
	margin: 0 auto;
	padding: 0;
}

.top-box {
	background-color: rgba(10, 135, 248, 1);
	color: #F7F8FB;
	font-size: 16px;
	text-align: center;
}

.top-box img {
	width: 158px;
	height: 60px;
}

.top-box a {
	width: auto;
	height: 100%;
	color: rgba(255, 255, 255, 0.6);
	display: block;
	overflow: hidden;
}

.top-box-item {
	height: 86px;
	line-height: 86px;
	margin-left: 40px;
}

.top-box .active a {
	color: #FFFFFF;
}


.top-box-item-a:hover {
	color: #FFFFFF;
}

.banner1 {
	background: url(../img/banner-bg1.png);
	background-size: cover;
}

.banner2 {
	background: url(../img/banner-bg1.png);
	background-size: cover;
}

.banner1 img {
	width: 624px;
}

.banner2 img {
	width: 624px;
}

/* .banner-img {
	height: 615px;
} */

.layui-carousel {
	padding-top: 50px;
	width: 100%;
	height: 615px;
	background-color: #FFFFFF;
}

.free-box {
	position: relative;
	height: 100%;

}

.banner-left {
	width: 475px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.banner-left p {
	width: 100%;
	margin-top: 130px;
	height: 100px;
	font-size: 52px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 100px;
}

.bannerTit {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 60px;
	color: #FFFFFF;
}

.free-btn {
	width: 180px;
	height: 54px;
	line-height: 54px;
	font-weight: 500;
	background: #ffffff;
	color: #0A87F8;
	border-radius: 29px;
	text-align: center;
}
.flex-start{
	display: flex;
	justify-content: flex-start;
}
.free-btn a {
	width: 100%;
	height: 100%;
	color: #0A87F8;
	display: block;
	overflow: hidden;
	font-size: 18px;
	font-weight: 600;
}
.openbtn{
	margin-left: 30px;
}
.openbtn a{
	color: #666666;
}

.ourAdvantage {
	position: relative;
	height: 751px;
	min-width: 1098px;
	width: 94%;
	margin: -104px 3% 0 3%;
	text-align: center;
	background: #FFFFFF;
	box-shadow: 0px 2px 30px 0px rgba(10, 135, 248, 0.1);
	border-radius: 10px;
}

.ourAdvantage-tit,
.productDescription-tit,
.productList-tit,
.companyList-tit,
.priceBox-tit,
.aboutwe-tit,
.value-tit,
.teamIntroduction-tit,
.developmentConcept-tit {
	font-size: 40px;
	font-weight: 600;
	color: #000000;
	line-height: 56px;
	position: relative;
}

.ourAdvantage-tit::before {
	content: "";
	position: absolute;
	width: 44px;
	height: 4px;
	background-color: #0A87F8;
	top: 76px;
	left: 78px;
}

.ourAdvantage-con {
	margin-top: 93px;
	height: 330px;
	display: flex;
	justify-content: flex-start;
}

.ourAdvantage-item {
	width: 33.3%;
	text-align: center;
}

.ourAdvantage-img {
	max-width: 260px;
	height: 260px;
}

.ourAdvantage-p1 {
	text-align: center;
	height: 30px;
	font-size: 22px;
	font-weight: 400;
	color: #000000;
	line-height: 30px;
}

.ourAdvantage-p2 {
	margin-top: 20px;
	text-align: center;
	height: 20px;
	font-size: 14px;
	font-weight: 400;
	color: #6F808F;
	line-height: 20px;
}

.productDescription {
	padding-top: 152px;
	position: relative;
	text-align: center;
	background: #FFFFFF;
	border-radius: 10px;
	height: 636px;
	width: 100%;
}

.productDescription-tit::before {
	content: "";
	position: absolute;
	width: 44px;
	height: 4px;
	background-color: #0A87F8;
	top: 76px;
	left: 62px;
}

.productDescription-con {
	height: 591px;
	margin-top: 47px;
}

.productDescription-con img {
	height: 472px;
	width: 820px;
}

.productDescription p {
	text-align: left;
	position: absolute;
}

.productDescription-p1 {
	top: 50px;
	left: 0;
	height: 48px;
	font-size: 34px;
	font-weight: 600;
	color: #000000;
	line-height: 48px;
	z-index: 10;
}

.productDescription-p2 {
	top: 78px;
	left: 0;
	height: 41px;
	font-size: 36px;
	font-family: Arial-BoldMT, Arial;
	font-weight: normal;
	color: #F5F5F5;
	line-height: 42px;
}

.productDescription-p3 {
	width: 422px;
	top: 155px;
	left: 0;
	height: 66px;
	font-size: 20px;
	font-weight: 400;
	color: #333333;
	line-height: 33px;
}

.house {
	padding-top: 126px;
	position: relative;
	text-align: center;
	background: #FAFBFD;
	border-radius: 10px;
	height: 615px;
	width: 100%;
}

.house p {
	text-align: right;
	position: absolute;
}

.house img {
	width: 879px;
	height: 519px;
}

.house-p1 {
	top: 50px;
	right: 0;
	height: 48px;
	font-size: 34px;
	font-weight: 600;
	color: #000000;
	line-height: 48px;
	z-index: 10;
}

.house-p2 {
	top: 78px;
	right: 0;
	height: 41px;
	font-size: 36px;
	font-weight: normal;
	color: #F5F5F5;
	line-height: 42px;
}

.house-p3 {
	width: 415px;
	top: 155px;
	right: 0;
	height: 66px;
	font-size: 20px;
	font-weight: 400;
	color: #333333;
	line-height: 33px;
}

.contract {
	background-color: #FFFFFF;
	height: 615px;
}

.contract img {
	width: 880px;
	height: 521px;
}

.bill img {
	width: 882px;
	height: 497px;
}

.bill {
	height: 591px;
}

.data-box img {
	/* width: 100%;
	height: 498px; */
	width: 1244px;
	height: 529px;
}

.list {
	padding-top: 102px;
}

.productList {
	position: relative;
	padding-top: 94px;
	width: 100%;
	height: 1168px;
	background: #FAFBFD;
	text-align: center;
}

.productList-tit::before {
	content: "";
	position: absolute;
	width: 44px;
	height: 4px;
	background-color: #0A87F8;
	top: 76px;
	left: 62px;
}

.list-item {
	background-color: #FFFFFF;
	height: 150px;
	width: calc(50% - 22px);
	padding: 31px;
	box-shadow: 0px 2px 20px 0px rgba(0, 101, 255, 0.1);
	border-radius: 8px;
	margin-bottom: 40px;
}

.list-item img {
	height: 88px;
	width: 88px;
}

.list-tit {
	margin-left: 20px;
	width: calc(100% - 110px);

}

.list-tit p {
	text-align: left;
}

.list-p1 {
	margin-top: 5px;
	height: 28px;
	font-size: 20px;
	font-weight: 600;
	color: #000000;
	line-height: 28px;
}

.list-p2 {
	margin-top: 10px;
	height: 20px;
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 20px;
}

.marginRight {
	margin-right: 40px;
}

.companyList {
	position: relative;
	padding-top: 94px;
	width: 100%;
	height: 730px;
	background: #FFFFFF;
	text-align: center;
}

.companyList-tit::before {
	content: "";
	position: absolute;
	width: 44px;
	height: 4px;
	background-color: #0A87F8;
	top: 76px;
	left: 130px;
}

.companyList img {
	width: 100%;
	height: 492px;
}

.companyList .layui-container {
	padding-top: 82px;
}

.intelligentTechnology {
	width: 100%;
	height: 360px;
	background: url(../img/btn-bg.png);
	text-align: center;
}

.intelligentTechnology p {
	padding-top: 92px;
	text-align: center;
	height: 57px;
	font-size: 41px;
	font-weight: 600;
	color: #0A87F8;
	line-height: 57px;
}

.intelligentTechnology a {
	font-size: 18px;
	margin-top: 58px;
	height: 56px;
	width: 161px;
	line-height: 56px;
	text-align: center;
	display: inline-block;
	border-radius: 8px;
	background-color: #0A87F8;
	color: #FFFFFF;
}

.layui-footer {
	background-color: #222222;
}

.foot-container {
	height: auto;
	margin: 0 auto;
	padding-top: 58px;
	padding-bottom: 60px;
	overflow: hidden;
	color: #FFFFFF;
}

.foot-left {
	margin-left: 86px;
}

.foot-img {
	margin-top: 20px;
}

.foot-tit-one {
	font-size: 22px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 30px;
	margin-bottom: 39px;
}

.foot-tit {
	font-size: 15px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 22px;
	margin-bottom: 12px;
}

.foot-space-between {
	display: flex;
	justify-content: space-between;
}

.between-right {
	margin-left: 129px;
}

.foot-flex-start {
	display: flex;
	justify-content: flex-start;
	line-height: 20px;
	color: #BCBCBC;
}

.marginTop12 {
	margin-top: 12px;
}

.start-left {
	width: 57px;
	position: relative;
}

.start-left::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 16px;
	background-color: #FFFFFF;
	top: 2px;
	right: 0px;
	opacity: 0.3;
}

.start-right {
	margin-left: 15px;
}

.foot-p {
	height: 20px;
	font-size: 14px;
	color: #BCBCBC;
	line-height: 20px;
}

.foot-a {
	height: 20px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 12px;
}

.foot-a a {
	color: #BCBCBC;
}

.foot-right {
	margin-right: 88px;
}

.foot-cot {
	margin-right: 120px;
}

.layui-row {
	border-top: 1px solid #636363;
}

.layui-header {
	min-width: 1170px;
}

.layui-nav {
	padding: 0 20px 0 0;
}

#back-to-top {
	display: none;
	position: fixed;
	right: 57px;
	bottom: 50px;
	opacity: 1;
	z-index: 99999999999999;
	border: none;
	outline: none;
	/* background-color: #009688; */
	color: white;
	cursor: pointer;
	/* padding: 5px; */
	border-radius: 10px;
}

#back-to-top:hover {
	opacity: 0.5;
}

.menuBox {
	display: none;
	position: absolute;
	background-color: rgba(10, 135, 248, 0.6);
	border-radius: 0 0 10px 10px;
	padding: 10px 0;
	width: 110px;
}

.menuBox-li {
	height: 30px;
	line-height: 30px;
}

.menuBox .menuBox-li .menuBox-a {
	line-height: 30px;
	padding: 0;
}

.yuxin-img {
	margin: 0 auto;
	margin-top: 50px;
}

/* start 修改全局滚动条样式 */
::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 4px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
}

::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 5px #d8d8d8;
	background: #d8d8d8;
}

::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px #ffffff;
	border-radius: 4px;
	background: #ffffff;
}

input::-webkit-input-placeholder {
	/* placeholder颜色  */
	color: #BBBBBB;
	/* placeholder字体大小  */
	/* font-size: 18px; */
	/* placeholder位置  */
	text-align: left;
}
.layui-nav .layui-nav-item a{
	padding: 0 15px;
}
.layui-nav .layui-nav-item .header-boder{
	border: 1px solid #ffffff;
	background-color: #2678DD;
	padding: 5px 10px;
	display: inline;
    border-radius: 4px;
	font-weight: 500;
	color: #ffffff;
}
.layui-layout-left {
	left: 100px;
}

.news{ width:1200px; margin:0 auto;}
.news_list_wrap{ width:860px; float:left; overflow:hidden}
.listPhotosListr{ width:320px; float:right; overflow:hidden}
.listPhotosListr ul{ float:left; display:inline; margin:0; padding:0; width:100%;}
.listPhotosListr ul li{ float:left; display:inline; margin:0; padding:0; width:100%; margin-bottom:20px; overflow:hidden;}
.listPhotosListr ul li img{ width:100%; height:auto;}
.listPhotosListr ul li img:hover{
  transform: scale(1.4);
  cursor: pointer;
  transition: all 0.6s;
}