@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
	outline: none
}

ul,
li,
ol {
	list-style: none outside none
}

fieldset,
img {
	border: 0
}

img {
	vertical-align: middle;
	max-width: 100%;
	display: block
}

em,
i {
	font-style: normal
}

dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol li,
form {
	margin: 0;
	padding: 0;
	list-style-type: none
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show
}

table.layout {
	table-layout: fixed;
	word-wrap: break-word
}

table,
tr,
td,
th {
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word
}

textarea {
	resize: vertical
}

a {
	font-size: 14px;
	color: #333;
	text-decoration: none
}

a:hover {
	text-decoration: none;
	color: #000
}

.cf:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.left {
	float: left
}

.right {
	float: right
}

.hide {
	display: none
}

.see {}

.wrap {
	width: 1300px;
	margin: 0 auto;
	position: relative
}

.bzt {
	color: #fff
}

.hbg {
	background: #e5e5e5
}

.bbg {
	background: #fff !important
}

.shou {
	cursor: pointer
}

.bg_eee {
	background: #eee
}

.ovh {
	overflow: hidden
}

.flexBox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center
}

.add_form_button {
	width: 240px;
	height: 70px;
	line-height: 70px;
	display: inline-block;
	background: #fff;
	font-size: 28px;
	color: #3090F0;
	cursor: pointer;
	border-radius: 5px;
	margin-top: 50px;
	text-align: center;
	border: none
}

.add_form_button:hover {
	background: #3090F0;
	color: #fff
}

.add_form_button.blue {
	background: #3090F0;
	color: #fff
}

.enlarge_animation {
	overflow: hidden
}

.enlarge_animation img {
	transition: 0.5s
}

.enlarge_animation:hover img {
	transform: scale(1.1)
}

.rotary_animation:hover img {
	transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s
}

.rotary_animation:hover img {
	transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s
}

.rising_animation img {
	transition: 0.5s;
	position: relative;
	top: 0
}

.rising_animation:hover img {
	top: -20px
}

.clearfix {
	clear: both
}

.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden
}

.layui-form-select dl dd.layui-this {
	background: #3090F0
}

.juz {
	vertical-align: middle;
	display: inline-block
}

.juz:after {
	content: '';
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle
}

.loading_body {
	overflow: hidden;
	width: 100%;
	position: fixed
}

.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../images/loading_bg.jpg') center center fixed no-repeat #3090F0;
	z-index: 9999;
	background-size: cover
}

.loading .box {
	margin: 0 auto;
	text-align: center;
	color: #fff
}

.loading .box img {
	height: 60px;
	margin-bottom: 30px
}

.loading .box p {
	font-size: 35px;
	text-align: justify;
	text-align-last: justify
}

.header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 99
}

.header.fixed {
	position: fixed
}

.nav {
	margin: 0 auto
}

.nav .logo {
	float: left;
	margin: 20px 0 0
}

.nav .logo a {
	display: block
}

.nav .logo .lan {
	display: none
}

.nav .logo img {
	height: 28px
}

.nav .layui-nav {
	background: none;
	float: right;
	padding: 0;
	margin-right: -30px
}

.nav .layui-nav .layui-nav-item {
	line-height: 40px;
	padding: 15px 0
}

.nav .layui-nav .layui-nav-item p {
	padding: 0 30px;
	position: relative
}

.nav .layui-nav .layui-this:after,
.nav .layui-nav-bar,
.nav .layui-nav-tree .layui-nav-itemed:after {
	display: none
}

.nav .layui-nav .layui-nav-item:after {
	content: normal
}

.nav .layui-nav .layui-nav-item a {
	font-size: 16px;
	padding: 0
}

.nav .layui-nav .layui-nav-item.layui-this p a {
	font-weight: 500;
	color: #333;
	border-bottom: 3px solid #333;
	box-sizing: border-box
}

.nav .layui-nav .layui-nav-more {
	display: none
}

.nav .layui-nav .layui-nav-child {
	top: 60px;
	background: #fff;
	padding: 0;
	border: none;
	box-shadow: 0 10px 30px rgba(51, 51, 51, .15)
}

.nav .layui-nav .layui-nav-child dd {
	line-height: 45px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.nav .layui-nav .layui-nav-child dd:last-child {
	border-bottom: none
}

.nav .layui-nav .layui-nav-child a {
	color: #333;
	padding: 0 35px;
	font-size: 14px
}

.nav .layui-nav .layui-nav-child a:hover {
	padding: 0 45px 0 25px
}

.nav .layui-nav-child dd.layui-this {
	background: none
}

.nav .layui-nav .layui-nav-child dd.layui-this a,
.nav .layui-nav .layui-nav-child a:hover {
	background: #3090F0;
	color: #fff
}

.nav .layui-nav .layui-nav-bar {
	display: none
}

.pc_nav {
	display: block
}

.mobile_nav {
	display: none
}

.pc {
	display: block
}

.mobile {
	display: none
}

.header.white {
	border-bottom: 1px solid #e5e5e5;
	background: #fff
}

.header.white .bai {
	display: none
}

.header.white .lan {
	display: block
}

.header.white .nav .layui-nav .layui-nav-item a {
	color: #333
}

.header.white .nav .layui-nav .layui-nav-item.layui-this p a {
	color: #3090F0
}

.header.white .nav .layui-nav .layui-nav-item.layui-this p a {
	font-weight: 500;
	color: #3090F0;
	border-bottom: 3px solid #3090F0;
	box-sizing: border-box
}

.header.white .nav .layui-nav .layui-nav-child dd.layui-this a,
.header.white .nav .layui-nav .layui-nav-child a:hover {
	color: #fff
}

.main_box {
	position: relative;
	background: #fff
}

.banner {
	position: relative
}

.banner .content {
	position: absolute;
	top: 50%;
	left: 18.8%;
	transform: translateY(-50%)
}

.banner .content .title {
	height: 66px;
	font-size: 50px;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
	line-height: 66px;
	margin-bottom: 50px
}

.banner .content .ms {
	height: 30px;
	font-size: 30px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	line-height: 30px;
	margin-bottom: 64px
}

.banner .content .b-more {
	font-size: 24px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	line-height: 33px;
	padding: 12px 24px;
	background: rgba(48, 144, 240, 1);
	border-radius: 4px;
	display: inline-block
}

.banner .swiper-pagination-bullet {
	width: 42px;
	height: 4px;
	border-radius: 0;
	background: rgba(255, 255, 255);
	opacity: 0.6
}

.banner .swiper-pagination-bullet-active {
	background: #fff;
	width: 42px;
	position: relative
}

.banner .swiper-pagination-bullet-active:after {
	position: absolute;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 4px;
	background: #3090F0;
	transition: width .8s ease;
	animation: progressbar 4s infinite
}

@keyframes progressbar {
	from {
		width: 0
	}

	to {
		width: 100%
	}
}

.banner .swiper-button-next {
	background: url(../images/right.png)no-repeat;
	right: 20px
}

.banner .swiper-button-prev {
	background: url(../images/left.png)no-repeat;
	left: 20px
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
	width: 75px;
	height: 75px;
	margin-top: -37.5px;
	zoom: 0.75
}

.banner .img {
	position: absolute;
	top: 50%;
	right: 18.8%;
	transform: translateY(-50%);
	max-width: 330px
}

.banner .swiper-slide1.img3 .img {
	max-width: 380px
}

.title_base {
	padding: 60px 0;
	text-align: center;
	position: relative;
	z-index: 3
}

.title_base.has_h {
	padding-bottom: 70px
}

.title_base.text-l {
	text-align: left
}

.title_base i {
	width: 60px;
	height: 2px;
	background: #000;
	display: flex;
	margin: 10px auto 0
}

.title_base p,
.title_base h1 {
	font-size: 30px;
	line-height: 50px;
	color: #333
}

.title_base.bzt p,
.title_base.bzt h1,
.title_base.bzt span {
	color: #fff
}

.title_base span {
	display: inline-block;
	font-size: 20px;
	color: #666;
	margin: 5px 0
}

.model_base {
	margin-bottom: 63px
}

.model_icon {
	height: 60px;
	display: inline-block
}

.model_title {
	margin: 15px 0 10px;
	font-size: 20px;
	color: #333
}

.model_content {
	font-size: 16px;
	color: #666;
	line-height: 25px
}

.t_title {
	color: #333;
	font-size: 30px;
	line-height: 50px;
	padding: 50px 0
}

.index_product .list {
	margin: 0 auto;
	width: 1280px
}

.index_product .list li {
	width: 240px;
	height: 265px;
	display: inline-block;
	margin: 0 40px 70px;
	box-shadow: 0 0 20px 3px rgba(210, 210, 210, 0.3);
	float: left;
	transition: 0.8s
}

.index_product .list li:hover {
	box-shadow: 0 0 20px 3px rgba(50, 50, 50, 0.3)
}

.index_product .list li a {
	display: block;
	height: 100%
}

.index_product .list li .img {
	width: 100%;
	height: 185px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.index_product .list li .img img {
	max-height: 120px
}

.index_product .list li .title {
	line-height: 40px;
	color: #333;
	font-size: 20px;
	text-align: center
}

.index_case {
	overflow: hidden;
	position: relative;
	background: url('../images/bg1.jpg') center center fixed
}

.index_case ul {
	margin: 0 auto 70px
}

.index_case ul li {
	position: relative;
	width: 25%;
	height: 360px;
	float: left;
	overflow: hidden
}

.index_case ul li.has_hover:hover .content {
	opacity: 0
}

.index_case ul li.has_hover .hover_text {
	position: absolute;
	top: 25%;
	opacity: 0;
	transition: 0.5s;
	line-height: 30px;
	padding: 0 30px;
	left: 0;
	width: 100%;
	z-index: 3
}

.index_case ul li.has_hover .hover_text a {
	font-size: 16px;
	color: #fff;
	display: block
}

.index_case ul li.has_hover:hover .hover_text {
	opacity: 1
}

.index_case ul li .img {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: 0.5s;
	display: inline-block
}

.index_case ul li:hover .img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1)
}

.index_case ul li .content {
	position: relative;
	z-index: 2;
	text-align: center;
	padding-top: 80px;
	top: 0;
	transition: 0.5s
}

.index_case ul li .content img {
	display: inline-block
}

.index_case ul li .content .text {
	margin: 10px 0
}

.index_case ul li:hover .content .text {}

.index_case ul li .content .text .h {
	width: 30px;
	height: 2px;
	background: #fff;
	display: inline-block
}

.index_case ul li .content .text .title {
	line-height: 50px;
	margin: 10px 0 30px
}

.index_case ul li .content .text .title a {
	color: #fff;
	font-size: 24px
}

.index_case ul li .content .text .detail {
	color: #fff;
	font-size: 18px;
	border-bottom: 1px solid #fff;
	padding: 10px;
	width: 50%;
	margin: 0 auto
}

.index_case ul li .cir-wrap {
	opacity: 1;
	transition-duration: .5s;
	display: inline-block;
	position: relative
}

.index_case ul li .list3-cir {
	position: absolute;
	display: block;
	border-radius: 50%;
	animation: cir-scale2 3s linear infinite
}

.index_case ul li .list3-cir1 {
	border: 1px solid #fff;
	width: 100px;
	height: 100px;
	left: -20px;
	top: -20px
}

.index_case ul li .list3-cir2 {
	border: 1px solid rgba(255, 255, 255, 0.2);
	width: 140px;
	height: 140px;
	left: -40px;
	top: -40px
}

.index_case ul li .list3-cir3 {
	border: 1px solid rgba(255, 255, 255, 0.2);
	width: 200px;
	height: 200px;
	left: -70px;
	top: -70px
}

@keyframes cir-scale2 {
	0% {
		opacity: 0;
		transform: scale(0.5)
	}

	60% {
		opacity: 1;
		transform: scale(1.2)
	}

	100% {
		opacity: 0;
		transform: scale(0.5)
	}
}

.index_device {
	background: #FFFFFF
}

.index_device .title_base {
	padding: 60px 0 10px
}

.index_device .list1 {
	text-align: center;
	border-bottom: 1px solid #D8D8D8
}

.index_device .device_title {
	height: 62px;
	line-height: 62px;
	margin: 0 auto;
	display: inline-block
}

.index_device .device_title li {
	width: 68px;
	text-align: center;
	font-size: 16px;
	height: 62px;
	line-height: 62px;
	color: #666666;
	float: left;
	margin-right: 62px
}

.index_device .device_title li:hover {
	cursor: pointer
}

.index_device .device_title li:last-child {
	margin-right: 0
}

.index_device .device_title li.active {
	font-weight: 500;
	border-bottom: 3px solid #3090F0;
	color: #3090F0
}

.index_device .products {
	display: inline-block
}

.index_device .products .main {
	display: none;
	float: left
}

.index_device .products .main li {
	width: 25%;
	background: #fff;
	margin-bottom: 24px;
	text-align: center;
	padding-top: 33px;
	box-sizing: border-box;
	float: left
}

.index_device .products .main li:nth-child(3n) {
	margin-right: 0
}

.index_device .products .main li .img {
	width: 350px;
	height: 350px;
	transition: all 0.5s;
	display: flex;
	align-items: center;
	justify-content: center
}

.index_device .products .main li .img img {
	max-width: 100%;
	max-height: 100%
}

.index_device .products .main li .title {
	margin: 44px 0 40px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600
}

.index_device .products .main li:hover .img {
	transform: scale(1.1)
}

.index_device .products .main li:hover .title {
	color: #3090F0
}

.products .main.selected {
	display: block
}

.index_news1 {
	background-color: #F4F6F9;
	padding-bottom: 70px
}

.index_news1 .title_base {
	padding: 70px 0 30px
}

.index_news1 .choose {
	text-align: center;
	border-bottom: 1px solid #D8D8D8;
	height: 46px;
	margin-bottom: 24px
}

.index_news1 .choose ul {
	display: inline-block
}

.index_news1 .choose ul li {
	width: 68px;
	height: 46px;
	float: left;
	margin-right: 238px;
	color: #666666;
	font-size: 16px
}

.index_news1 .choose ul li:hover {
	cursor: pointer
}

.index_news1 .choose ul li.active {
	border-bottom: 4px solid #3090F0;
	box-sizing: border-box;
	color: #3090F0
}

.index_news1 .choose ul li:last-child {
	margin-right: 0
}

.index_news1 .index_news_list ul li {
	background-color: #fff;
	padding: 24px;
	box-sizing: border-box;
	border-bottom: 1px solid #d8d8d8
}

.index_news1 .index_news_list ul li .i-news-l {
	float: left;
	width: 242px;
	overflow: hidden;
	min-height: 160px;
	display: flex;
	align-items: center
}

.index_news1 .index_news_list ul li .i-news-l img {
	width: 100%;
	transition: all 0.5s;
	max-height: 160px
}

.index_news1 .index_news_list ul li .i-news-r {
	margin-left: 262px;
	min-height: 160px
}

.index_news1 .index_news_list ul li .i-news-r .i-title h3 {
	line-height: 30px;
	font-weight: bold;
	color: #333;
	font-size: 22px;
	margin-bottom: 16px
}

.index_news1 .index_news_list ul li .i-news-r .i-content {
	height: 66px;
	line-height: 22px;
	color: #666;
	font-size: 14px;
	margin-bottom: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}

.index_news1 .index_news_list ul li .i-news-r .i-date {
	display: inline
}

.index_news1 .index_news_list ul li .i-news-r .i-date span {
	margin-right: 63px;
	line-height: 22px;
	font-size: 14px
}

.index_news1 .index_news_list ul li .i-news-r .i-date .date1 {
	color: #999
}

.index_news1 .index_news_list ul li .i-news-r .i-date .lei {
	color: #666;
	margin-right: 6px
}

.index_news1 .index_news_list ul li .i-news-r .i-date .i-more {
	float: right;
	color: #3090F0
}

.index_news1 .index_news_list .more_news {
	text-align: center
}

.index_news1 .index_news_list .more_news a {
	width: 124px;
	height: 44px;
	line-height: 44px;
	border-radius: 4px;
	border: 1px solid rgba(48, 144, 240, 1);
	color: #3090F0;
	display: inline-block;
	margin-top: 40px;
	font-size: 16px
}

.index_news1 .index_news_list .more_news a:hover {
	background: #3090F0;
	color: #fff;
	border: none
}

.index_news1 .index_news_list ul li:hover {
	background: #F9FAFC
}

.index_news1 .index_news_list ul li:hover .i-title h3 {
	color: #3090F0
}

.index_news1 .index_news_list ul li:hover .i-news-l img {
	transform: scale(1.1)
}

.index_news1 .index_news_list .main {
	display: none
}

.index_news1 .index_news_list .main.selected {
	display: block
}

.join .content {
	padding: 64px 0
}

.join .join_title {
	text-align: center;
	display: flex;
	justify-content: center;
	margin-bottom: 40px
}

.join .join_title li {
	width: 100px;
	height: 46px;
	line-height: 46px;
	float: left;
	margin-right: 238px;
	color: #666666;
	font-size: 16px
}

.join .join_title li:hover {
	cursor: pointer
}

.join .join_title li.active {
	border-bottom: 4px solid #3090F0;
	box-sizing: border-box;
	color: #3090F0
}

.join .join_title li:last-child {
	margin-right: 0
}

.join .join_list .main {
	display: none
}

.join .join_list .main.selected {
	display: block
}

.join .join_list {
	display: flex;
	justify-content: center
}

.join .join_list table {
	width: 1200px
}

.join .join_list table .title {
	height: 52px;
	line-height: 52px;
	background: #EAEBED
}

.join .join_list table tr {
	border-bottom: 1px solid rgb(185, 185, 185)
}

.join .join_list table td {
	height: 180px;
	padding: 10px 0
}

.join .join_list table h3 {
	font-weight: 600;
	color: #333;
	margin-bottom: 10px
}

.join .join_list table p {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	opacity: 0.5
}

.join .welcome {
	text-align: center;
	font-size: 18px;
	line-height: 36px;
	margin-top: 20px;
	font-weight: 550
}

.index_news {
	margin-bottom: 70px
}

.index_news .layui-tab {
	margin: 0
}

.index_news .news_cate {
	margin-bottom: 20px
}

.index_news .news_cate ul {
	height: auto;
	border: none;
	float: right
}

.index_news .news_cate ul li {
	height: 50px;
	font-size: 20px;
	line-height: 50px;
	color: #fff;
	background: #999;
	border-right: 1px solid #fff
}

.index_news .news_cate ul li:last-child {
	border-right: 0
}

.index_news .news_cate ul li:after {
	content: normal
}

.index_news .news_cate ul li:hover,
.index_news .news_cate ul li.layui-this {
	background: #3090F0;
	color: #fff
}

.index_news .news_cate ul li a {
	color: #fff;
	font-size: 20px;
	padding: 0 30px;
	display: block
}

.index_news .more {
	color: #fff;
	font-size: 20px;
	width: 135px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #999;
	float: left
}

.index_news .more:hover {
	background: #3090F0
}

.index_news .index_news_box {
	padding: 0;
	position: relative
}

.index_news .index_news_box .layui-tab-item {
	display: block;
	height: 640px
}

.index_news .index_news_box .layui-tab-item.layui-show {
	display: block !important
}

.index_news .news_left {
	margin: 0 auto;
	height: 100%;
	position: relative;
	float: left;
	width: 45%
}

.index_news .news_left .swiper-wrapper {
	height: 100%
}

.index_news .news_left .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: 100%
}

.index_news .news_right {
	width: 55%;
	float: right;
	height: 100%;
	position: relative
}

.index_news .news_right li {
	width: 100%;
	background: #fff;
	border-radius: inherit;
	padding: 10px 15px;
	opacity: 1;
	position: relative;
	margin: 0 !important;
	border: none
}

.index_news .news_right li .body {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%
}

.index_news .news_right li .body>a {}

.index_news .news_right li .body>a i {
	color: #070404;
	font-size: 35px
}

.index_news .news_right li .time {
	float: left;
	width: 15%;
	text-align: right;
	color: #333
}

.index_news .news_right li .time .day {
	font-size: 30px;
	display: block;
	color: #333
}

.index_news .news_right li .time .year {
	font-size: 16px;
	display: block;
	color: #666
}

.index_news .news_right li .content {
	float: left;
	width: 60%;
	color: #666;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.index_news .news_right li .content .title {
	color: #333;
	font-size: 20px;
	display: block
}

.index_news .news_right li .content .description {
	font-size: 16px;
	line-height: 25px;
	color: #666;
	display: block
}

.index_news .news_right li.swiper-slide-thumb-active,
.index_news .news_right li:hover {
	background: #999
}

.index_news .news_right li.swiper-slide-thumb-active .time,
.index_news .news_right li:hover .time {
	color: #fff
}

.index_news .news_right li.swiper-slide-thumb-active .content a,
.index_news .news_right li:hover .content a {
	color: #fff
}

.index_news .news_right li.swiper-slide-thumb-active .content p,
.index_news .news_right li:hover .content p {
	color: #eee
}

.index_news .news_right li.swiper-slide-thumb-active .body>i,
.index_news .news_right li:hover .body>i {
	color: #fff
}

.index_news .news_right li.swiper-slide-thumb-active .body>a i,
.index_news .news_right li:hover .body>a i {
	color: #fff
}

.index_news .news_right li.swiper-slide-thumb-active .time .day,
.index_news .news_right li:hover .time .day {
	color: #fff
}

.index_news .news_right li.swiper-slide-thumb-active .time .year,
.index_news .news_right li:hover .time .year {
	color: #eee
}

.promotional_video {
	overflow: hidden;
	position: relative
}

.promotional_video:after {
	background: url('../images/bg2.jpg') center center fixed;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0
}

.promotional_video:before {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .1);
	content: ''
}

.promotional_video .video {
	width: 1200px;
	margin: 0 auto 70px;
	position: relative;
	z-index: 3
}

.index_project {
	padding-bottom: 70px
}

.index_project .title_base {
	padding: 70px 0 40px
}

.index_project .title_base>p {
	margin-bottom: 40px
}

.index_project .title_base ul {
	display: flex;
	justify-content: space-around
}

.index_project .title_base ul li {
	width: 30%
}

.index_project .title_base ul li span {
	color: #7a77b1;
	height: 56px;
	line-height: 56px;
	font-size: 48px;
	font-weight: bold
}

.index_project .title_base ul li p {
	color: #333333;
	height: 24px;
	line-height: 24px;
	margin-top: 16px;
	font-size: 18px
}

.index_project .project_carousel {
	margin: 0 auto 70px;
	position: relative
}

.index_project .project_carousel .swiper-father {
	position: relative
}

.index_project .project_carousel .swiper-slide {
	text-align: center;
	border: 1px solid #d8d8d8;
	border-radius: 6px
}

.index_project .project_carousel .swiper-slide:hover {
	border: 1px solid rgba(216, 216, 216, 1)
}

.index_project .project_carousel .swiper-slide .img {
	width: 100%;
	height: 256px;
	overflow: hidden;
	margin-bottom: 20px
}

.index_project .project_carousel .swiper-slide img {
	width: 100%;
	transition: all 0.5s
}

.index_project .project_carousel .swiper-slide .h {
	font-weight: 600;
	color: rgba(51, 51, 51, 1);
	height: 24px;
	line-height: 24px;
	margin-bottom: 16px;
	font-size: 20px
}

.index_project .project_carousel .swiper-slide .equitment {
	line-height: 22px;
	font-size: 16px;
	margin-bottom: 20px
}

.index_project .project_carousel .swiper-slide .equitment p {
	color: rgba(34, 41, 47, 1);
	height: 48px;
	line-height: 24px
}

.index_project .project_carousel .swiper-slide .equitment span {
	color: #3090F0
}

.index_project .project_carousel .swiper-slide .title {
	padding: 0 24px;
	box-sizing: border-box
}

.index_project .project_carousel .swiper-slide .title span {
	margin-bottom: 32px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	font-size: 14px;
	height: 88px;
	line-height: 22px;
	color: #666666
}

.index_project .project_carousel .swiper-slide .more {
	margin-bottom: 36px
}

.index_project .project_carousel .swiper-button {
	background: url('../images/sprite.png')no-repeat
}

.index_project .project_carousel .swiper-button-prev {
	height: 74px;
	width: 74px;
	background-position: -446px -161px;
	left: -110px
}

.index_project .project_carousel .swiper-button-next {
	height: 74px;
	width: 74px;
	background-position: -357px -160px;
	right: -110px
}

.index_project .project_carousel .swiper-button-next,
.index_project .project_carousel .swiper-button-prev {
	width: 74px;
	height: 74px;
	margin-top: -37px;
	zoom: 0.6
}

.index_project .project_carousel .swiper-slide:hover .h {
	color: #3090F0
}

.index_project .project_carousel .swiper-slide:hover .img img {
	transform: scale(1.1)
}

.index-try {
	background: url('../images/try.jpg')no-repeat;
	max-height: 248px;
	background-size: 100% 100%;
	text-align: center
}

.index-try .text {
	padding: 58px 0 50px
}

.index-try .text h3 {
	font-size: 36px;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
	line-height: 50px;
	margin-bottom: 30px
}

.index-try .text button {
	width: 176px;
	height: 50px;
	line-height: 50px;
	border-radius: 4px;
	font-size: 20px;
	display: inline-block;
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	transition: 0.5s
}

.index-try .text button:hover {
	background: rgba(255, 255, 255, 1);
	color: #3090F0;
	cursor: pointer
}

.footer {
	background: #101010;
	color: #fff;
	overflow: hidden
}

.footer_top {
	margin: 63px auto
}

.footer_top .wechat {
	float: left;
	font-size: 18px;
	line-height: 45px;
	margin-top: 5px
}

.footer_top .wechat .qrcodes li {
	margin-right: 40px
}

.footer_top .wechat .qrcodes li:last-child {
	margin-right: 0
}

.footer_top .wechat .qrcodes {
	display: flex;
	text-align: center
}

.footer_top .wechat img {
	width: 135px
}

.footer_top .wechat .foot_contact {
	margin-top: 10px
}

.footer_top .wechat .foot_contact ul li {
	color: #b9b9b9;
	font-size: 16px;
	line-height: 36px
}

.footer_top .wechat .foot_contact ul li span {
	color: #fff
}

.footer_top .category {
	float: right;
	display: flex;
	justify-content: space-between;
	width: 800px
}

.footer_top .category dl {
	float: left
}

.footer_top .category dl dt {
	margin-bottom: 15px;
	line-height: 30px
}

.footer_top .category dl dt a {
	font-size: 16px;
	color: #fff
}

.footer_top .category dl dd {
	line-height: 40px
}

.footer_top .category dl dd a {
	font-size: 14px;
	color: #aaa
}

.footer_top .category dl dd a:hover {
	color: #3090F0
}

.footer_bottom {
	margin: 0 auto;
	padding: 30px 0 10px;
	border-top: 1px solid #fff;
	font-size: 14px
}

.footer_bottom .link {
	font-size: 14px;
	color: #aaa;
	margin-bottom: 20px
}

.footer_bottom .link a {
	font-size: 14px;
	color: #aaa
}

.footer_bottom>span {
	color: #aaa;
	font-size: 14px;
	display: block;
	margin-bottom: 20px
}

.footer_bottom>span a {
	color: #aaa;
	font-size: 14px
}

.footer_bottom>p a {
	color: #abaaaa
}

.footer_bottom>p a:hover {
	color: #3090F0
}

.footer_bottom>p span {
	color: #abaaaa;
	margin-right: 5px
}

.footer_bottom>p img {
	display: inline-block;
	vertical-align: initial
}

.side-always {
	position: fixed;
	width: 60px;
	z-index: 9999;
	right: 0;
	top: 45%
}

.side-always li {
	width: 100%;
	height: 60px;
	background-color: #3090F0;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 1px;
	position: relative;
	cursor: pointer
}

.side-always li:last-child {
	margin-bottom: 0
}

.side-always li:hover {
	background-color: #3090F0
}

.side-always li * {
	display: none
}

.side-always li:hover * {
	display: block
}

.side-always li .tel-box {
	position: absolute;
	right: 61px;
	bottom: 0;
	height: 120px;
	line-height: 60px;
	padding: 0 20px;
	background: #3090F0
}

.side-always li .tel-box a {
	font-size: 18px;
	color: #fff;
	border-bottom: 1px solid #fff
}

.side-always li .tel-box a:last-child {
	border-bottom: none
}

.side-always li img {
	position: absolute;
	right: 61px;
	bottom: 0;
	max-width: 200px
}

.side-always li.tel {
	background-image: url('../images/tel2.png')
}

.side-always li.tel:hover {
	background-image: url('../images/tel2.png')
}

.side-always li.ewm {
	background-image: url('../images/ewm2.png')
}

.side-always li.ewm:hover {
	background-image: url('../images/ewm2.png')
}

.side-always li.qq {
	background-image: url('../images/qq2.png')
}

.side-always li.qq:hover {
	background-image: url('../images/qq2.png')
}

.side-always li.top {
	background-image: url('../images/to_top2.png')
}

.side-always li.top:hover {
	background-image: url('../images/to_top2.png')
}

.z-banner {
	position: relative
}

.z-banner .content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center
}

.z-banner .content h1 {
	font-size: 50px;
	font-weight: 500;
	color: #ffffff;
	line-height: 42px;
	margin-bottom: 36px
}

.z-banner .content p {
	font-size: 30px;
	font-weight: 400;
	color: #ffffff;
	line-height: 46px;
	margin-bottom: 50px
}

.z-banner .content .tags_banner_title {
	font-size: 22px;
	line-height: 35px
}

.z-banner .content a {
	padding: 14px 53px;
	font-size: 20px;
	color: #fff;
	line-height: 28px;
	background: rgba(48, 144, 240, 1);
	border-radius: 4px
}

.z-banner .img img{
	width: 100%;
}

.cooplist {
	padding: 70px 0
}

.cooplist .project {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.cooplist .project li {
	width: 32%;
	border: 1px solid #D8D8D8;
	text-align: center;
	margin-bottom: 40px;
	transition: all 0.5s
}

.cooplist .project li .img {
	width: 100%;
	height: 256px;
	overflow: hidden;
	margin-bottom: 20px;
	min-height: 256px
}

.cooplist .project li .img img {
	transition: 0.5s;
	width: 100%;
	min-height: 100%
}

.cooplist .project li .h {
	font-weight: 600;
	color: rgba(51, 51, 51, 1);
	height: 24px;
	line-height: 24px;
	margin-bottom: 16px;
	font-size: 20px
}

.cooplist .project li .equitment {
	line-height: 22px;
	font-size: 16px;
	margin-bottom: 20px
}

.cooplist .project li .equitment p {
	color: rgba(34, 41, 47, 1);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 26px
}

.cooplist .project li .equitment span {
	color: #3090F0
}

.cooplist .project li .title {
	padding: 0 24px;
	box-sizing: border-box
}

.cooplist .project li .title span {
	margin-bottom: 32px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	font-size: 14px;
	line-height: 22px;
	color: #666666;
	text-align: left
}

.cooplist .project li .more {
	margin-bottom: 36px;
	color: #3090F0;
	font-size: 16px
}

.cooplist .project li:hover {
	box-shadow: 0px 4px 20px 0px rgba(63, 64, 69, 0.2)
}

.cooplist .project li:hover img {
	transform: scale(1.1)
}

.fanye {
	text-align: center
}

#fy {
	display: inline-block
}

.process {
	text-align: center
}

.process h3 {
	font-size: 40px;
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
	line-height: 56px;
	margin: 70px 0 40px 0
}

.process ul {
	display: inline-block
}

.process ul li {
	float: left;
	margin-right: 64px;
	text-align: center
}

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

.process ul li .img {
	background: url('../images/case/process.png')no-repeat;
	margin: 0 auto 17px
}

.process ul li .img1 {
	height: 64px;
	width: 64px;
	background-position: 0 -92px
}

.process ul li .img2 {
	height: 64px;
	width: 64px;
	background-position: 0 -156px
}

.process ul li .img3 {
	height: 64px;
	width: 64px;
	background-position: 0 -220px
}

.process ul li .img4 {
	height: 64px;
	width: 64px;
	background-position: 0 -28px
}

.process ul li .img5 {
	height: 28px;
	width: 56px;
	background-position: 0 0;
	margin: 38px auto 0
}

.process ul li.p-r {
	display: flex;
	align-items: center
}

.product-t {
	height: 48px;
	font-size: 34px;
	font-weight: 500;
	color: rgba(45, 47, 54, 1);
	line-height: 48px;
	text-align: center;
	margin: 56px 0 32px
}

.coopdesc-t {
	height: 48px;
	font-size: 34px;
	font-weight: 500;
	color: rgba(45, 47, 54, 1);
	line-height: 48px;
	text-align: center;
	margin: 106px 0 32px
}

.coopdesc-l {
	line-height: 3;
	max-width: 892px;
	border: 1px solid rgba(216, 216, 216, 1);
	float: left;
	padding: 32px;
	box-sizing: border-box
}

.coopdesc-l table {
	margin: 0 auto
}

.coopdesc-l ul li {
	margin-bottom: 32px
}

.coopdesc-l ul li:last-child {
	margin-bottom: 0
}

.coopdesc-l ul li h4 {
	height: 25px;
	font-size: 18px;
	font-weight: 600;
	color: rgba(45, 47, 54, 1);
	line-height: 25px;
	border-left: 4px solid #3090F0;
	padding-left: 5px;
	margin-bottom: 8px
}

.coopdesc-l ul li p {
	font-size: 14px;
	font-weight: 400;
	color: rgba(99, 99, 99, 1);
	line-height: 22px;
	margin-bottom: 24px
}

.coopdesc-l ul li img {
	width: 100%
}

.coopdesc-r {
	width: 384px;
	border: 1px solid rgba(216, 216, 216, 1);
	float: right;
	padding: 0 24px;
	box-sizing: border-box
}

.coopdesc-r ul li {
	padding: 30px 0;
	box-sizing: border-box;
	border-bottom: 1px dashed #d8d8d8
}

.coopdesc-r ul li:last-child {
	border-bottom: none
}

.coopdesc-r ul li h4 {
	height: 25px;
	font-size: 18px;
	font-weight: 600;
	color: rgba(45, 47, 54, 1);
	line-height: 25px;
	margin-bottom: 8px
}

.coopdesc-r ul li p {
	font-size: 14px;
	font-weight: 400;
	color: rgba(99, 99, 99, 1);
	line-height: 22px
}

.common-swiper {
	position: relative
}

.common-swiper .swiper-container {
	margin: 24px 0
}

.common-swiper .swiper-container .img {
	margin: 0 auto;
	width: 160px;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center
}

.common-swiper .swiper-container img {
	max-height: 160px;
	margin: 0 auto
}

.common-swiper .swiper-container .text p {
	text-align: center;
	font-size: 14px;
	color: #636363;
	margin-top: 10px
}

.common-swiper .swiper-container .swiper-slide:hover p {
	color: #3090F0
}

.common-swiper .swiper-pagination {
	left: 50%;
	transform: translateX(-50%)
}

.swiper-pagination-bullet-active {
	color: #3090F0
}

.common-swiper .swiper-pagination .swiper-pagination-bullet {
	margin-right: 10px
}

.common-swiper .swiper-pagination .swiper-pagination-bullet:last-child {
	margin-right: 0
}

.common-swiper .swiper-button-prev {
	height: 32px;
	width: 24px;
	background-position: 0 -32px
}

.common-swiper .swiper-button-next {
	height: 32px;
	width: 24px;
	background-position: 0 -88px
}

.sx {
	margin: 50px 0
}

.sx ul {
	display: inline-block
}

.sx ul li {
	height: 22px;
	font-size: 16px;
	font-weight: 400;
	color: #636363;
	line-height: 22px
}

.sx ul li:last-child {}

.sx ul li a {
	color: #636363;
	font-size: 16px
}

.sx ul li:hover a {
	color: #3090F0
}

.projectsx {
	text-align: center
}

.projectsx ul li {
	float: left
}

.projectsx ul li:first-child {
	margin-right: 260px
}

.related {
	padding: 0 0 50px 0
}

.rel-t {
	font-size: 40px;
	font-weight: 500;
	color: rgba(45, 47, 54, 1);
	line-height: 56px;
	text-align: center;
	margin-bottom: 50px
}

.related ul li {
	margin-bottom: 0
}

.n_banner {
	height: 1000px;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: cover;
	position: relative
}

.n_banner .img {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center
}

.n_banner .img img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: inline-block;
	transition: transform 12s cubic-bezier(.23, 1, .32, 1);
	transform: scale(1)
}

.n_banner:hover .img img {
	transform: scale(1.1)
}

.n_banner .text {
	font-size: 40px;
	color: #f4f4f4;
	position: relative;
	line-height: 70px;
	white-space: pre-line;
	padding-bottom: 50px
}

.n_banner .text:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 2px;
	background: #fff;
	content: ''
}

.n_banner .content {
	color: #fff;
	padding-bottom: 50px;
	position: relative
}

.n_banner .content:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 2px;
	background: #fff;
	content: ''
}

.n_banner .content .title {
	font-size: 40px
}

.n_banner .content .nr {
	font-size: 24px;
	margin-top: 30px;
	line-height: 40px
}

.n_banner .content .h {
	width: 50px;
	height: 2px;
	background: #fff;
	margin-top: 30px
}

.n_banner .content.center {
	text-align: center
}

.n_banner .content.center:after {
	left: 50%;
	margin-left: -25px
}

.product_banner .swiper-slide {
	position: relative;
	height: 1000px;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center
}

.product_banner .banner_img {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center
}

.product_banner .banner_img img {
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
	display: inline-block;
	transition: transform 12s cubic-bezier(.23, 1, .32, 1);
	transform: scale(1)
}

.product_banner:hover .banner_img img {
	transform: scale(1.1)
}

.product_banner .content {}

.product_banner .content .text {
	float: left;
	color: #fff;
	max-width: 700px
}

.product_banner .content .text .title {
	font-size: 40px;
	letter-spacing: 5px;
	margin-bottom: 5px
}

.product_banner .content .text .jj {
	font-size: 30px;
	letter-spacing: 15px;
	margin: 0 0 30px
}

.product_banner .content .text .nr {
	font-size: 24px;
	white-space: pre-line;
	line-height: 40px;
	letter-spacing: 3px
}

.product_banner .content .text .h {
	width: 50px;
	height: 2px;
	background: #fff;
	margin-top: 30px
}

.product_banner .content .img {
	float: right;
	width: 400px;
	height: 500px;
	text-align: center
}

.product_banner .content .img img {
	max-height: 500px;
	display: inline-block
}

.product_banner .content .button {
	width: 240px;
	height: 70px;
	line-height: 70px;
	display: inline-block;
	background: #fff;
	font-size: 28px;
	color: #3090F0;
	cursor: pointer;
	border-radius: 5px;
	margin-top: 50px;
	text-align: center
}

.product_banner .content .button:hover {
	background: #3090F0;
	color: #fff
}

.product .category {
	background: #333
}

.product .category ul {
	margin: 0 auto;
	display: flex;
	justify-content: center
}

.product .category ul li {
	height: 120px;
	width: calc(100%/5);
	text-align: center;
	border-right: 1px solid #535252
}

.product .category ul li a {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center
}

.product .category ul li.this,
.product .category ul li:hover {
	background: #3090F0
}

.product .category ul li img {
	display: inline-block;
	height: 40px
}

.product .category ul li p {
	line-height: 30px;
	margin-top: 10px;
	font-size: 18px;
	color: #fff
}

.product .content {
	background: #efeeed;
	overflow: hidden
}

.product .content .list {
	margin: 70px auto;
	text-align: center
}

.product .content .list.has_page {
	margin-bottom: 40px !important
}

.product .content .list {}

.product .content .list ul {}

.product .content .list li {
	float: left;
	width: 302px;
	box-shadow: 0 0 20px 1px rgba(200, 200, 200, 0.9);
	background: #fff;
	padding: 25px;
	transition: 0.3s;
	position: relative;
	top: 0;
	margin: 0 30px 30px 0;
	box-sizing: border-box
}

.product .content .list li:nth-child(4n) {
	margin-right: 0
}

.product .content .list li:hover {
	top: -10px
}

.product .content .list li .model {
	font-size: 20px;
	color: #333;
	text-align: left;
	line-height: 26px
}

.product .content .list li .title {
	font-size: 16px;
	color: #666;
	line-height: 40px;
	text-align: left
}

.product .content .list li .img {
	height: 200px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center
}

.product .content .list li .img img {
	max-height: 185px;
	transition: 0.5s
}

.product .content .list li:hover img {
	transform: scale(1.2)
}

.application_scenario .list {
	margin-bottom: 70px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}

.application_scenario .list li {
	width: 280px;
	margin-bottom: 20px
}

.application_scenario .list li:nth-last-child(-n+4) {
	margin-bottom: 0
}

.application_scenario .list li .img {
	background: #000;
	width: 100%;
	height: 180px;
	overflow: hidden
}

.application_scenario .list li .img img {
	height: 100%;
	width: 100%;
	transition: 0.5s
}

.application_scenario .list li .img img:hover {
	transform: scale(1.2)
}

.application_scenario .list li .title {
	font-size: 20px;
	line-height: 20px;
	margin-top: 20px;
	text-align: center
}

.pages .statistics {
	display: none
}

.pagination {
	text-align: center;
	margin: 0 0 70px
}

.pagination li {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 5px;
	background: #fff;
	line-height: 40px;
	border-radius: 50%
}

.pagination li a,
.pagination li span {
	display: block
}

.pagination li.disabled {
	background: #ccc;
	color: #fff
}

.pagination li.active,
.pagination li:hover {
	background: #47a0d9;
	color: #fff
}

.pagination li.active a,
.pagination li:hover a {
	color: #fff
}

.pagination li.prev,
.pagination li.next {
	background: none
}

.product_top {
	height: 1000px;
	overflow: hidden;
	position: relative
}

.product_top .box {
	position: absolute;
	left: 50%;
	height: 100%;
	margin-left: -600px
}

.product_top .img_bg {
	display: none
}

.product_top .img {
	text-align: center;
	width: 350px;
	height: 350px;
	display: flex;
	justify-content: center;
	align-items: center
}

.product_top .img img {
	max-height: 100%
}

.product_top .right {}

.product_top .content {
	background: #fff;
	padding: 50px;
	max-width: 600px
}

.product_top .right .content,
.product_top .right i {
	display: inline-block;
	vertical-align: middle
}

.product_top .right i {
	height: 100%
}

.product_top .content .title {
	font-size: 24px;
	position: relative;
	margin-bottom: 40px
}

.product_top .content .title:before {
	position: absolute;
	width: 50px;
	height: 1px;
	background: #000;
	left: 0;
	bottom: -20px;
	content: ''
}

.product_top .content .ms {
	font-size: 24px;
	font-family: monospace;
	margin: 5px 0 40px;
	display: none
}

.product_top .content .text {
	white-space: pre-line;
	line-height: 32px;
	font-size: 18px;
	position: relative;
	color: #666
}

.product_title {
	background: #333
}

.product_title p {
	margin: 0 auto;
	line-height: 100px;
	color: #fff;
	font-size: 26px
}

.product_bottom {
	overflow: hidden;
	text-align: center
}

.product_bottom .content {
	position: relative;
	margin: 120px auto 50px;
	font-size: 20px;
	color: #333;
	display: inline-flex
}

.product_bottom .content .parameter {
	position: absolute;
	left: 0;
	top: -67px;
	font-size: 24px;
	border-bottom: 2px solid #4086b8;
	line-height: 50px;
	z-index: 1
}

.product_bottom .content .nr {
	text-align: left
}

.product_bottom .content .nr td {
	line-height: 50px
}

.product_bottom .content .nr tr td:first-child {
	color: #333;
	padding-right: 450px
}

.product_bottom .content .nr tr td:last-child {
	color: #666
}

.product_bottom .black {
	text-align: center;
	margin-bottom: 70px
}

.product_bottom .black a {
	background: #3a97d4;
	color: #fff;
	font-size: 26px;
	display: inline-block;
	width: 200px;
	line-height: 60px
}

.product_bottom .black a:hover {
	background: #3090F0
}

.tuzu {
	width: 100%;
	margin: 20px 0
}

.tuzu img {
	margin: 0 auto
}

.service_content {}

.service_content>.title {
	font-size: 30px;
	text-align: center
}

.service_content>.ms {
	font-size: 24px;
	text-align: center;
	color: #666
}

.service_content .list {
	margin: 0 auto
}

.service_content .list ul {
	display: flex;
	justify-content: space-between
}

.service_content .list li {
	width: 48.8%;
	box-shadow: 0 0 20px 5px rgba(200, 200, 200, 0.2);
	background: #fff;
	padding: 30px 22px;
	height: 395px;
	transition: 0.3s
}

.service_content .list li:hover {
	box-shadow: 0 0 20px 5px rgba(200, 200, 200, 0.5)
}

.service_content .list li .img {
	width: 50%;
	text-align: center;
	height: 100%
}

.service_content .list li .img img {
	transition: 0.3s
}

.service_content .list li:hover .img img {
	transform: scale(1.1)
}

.service_content .list li .content {
	width: 45%;
	height: 100%
}

.service_content .list li .content .title {
	font-size: 22px;
	margin-bottom: 25px;
	color: #333
}

.service_content .list li .content .text {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	word-break: break-all
}

.customized {
	text-align: center;
	background: linear-gradient(to top right, rgba(42, 67, 158, 1) 40%, rgba(116, 201, 227, 1));
	overflow: hidden
}

.customized .title {
	font-size: 30px;
	position: relative
}

.customized ul {
	margin: 65px auto;
	width: 1200px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

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

.customized ul li p {
	width: 140px;
	height: 140px;
	line-height: 140px;
	background: #fff;
	border-radius: 50%;
	position: relative
}

.customized ul li p:after {
	position: absolute;
	right: -72px;
	top: 42%;
	width: 0;
	height: 0;
	content: '';
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 20px solid #e6e6e6
}

.customized ul li:last-child p:after {
	content: normal
}

.customized ul li p img {
	display: inline-block;
	height: 60px
}

.customized ul li span {
	display: block;
	font-size: 24px;
	margin-top: 20px;
	color: #fff
}

.case_products .list {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.case_products .list li {
	width: 222px;
	height: 242px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 20px 3px rgba(210, 210, 210, 0.5);
	transition: 0.8s;
	background: #fff
}

.case_products .list li:hover {
	box-shadow: 0 0 20px 3px rgba(50, 50, 50, 0.3)
}

.case_products .list li a {
	display: block
}

.case_products .list li .img {
	width: 100%;
	height: 120px;
	text-align: center;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin-bottom: 20px
}

.case_products .list li .img img {
	max-height: 100px;
	transition: 0.5s
}

.case_products .list li:hover .img img {
	transform: scale(1.2)
}

.case_products .list li .title {
	line-height: 40px;
	color: #333;
	font-size: 20px;
	text-align: center;
	padding: 10px
}

.case_products2 .list {
	text-align: center
}

.case_products2 .list ul {
	display: inline-flex;
	align-items: center;
	justify-content: space-between
}

.case_products2 .list li {
	width: 370px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-right: 1px solid #e5e5e5
}

.case_products2 .list li:last-child {
	border: none
}

.case_products2 .list li a {
	display: block
}

.case_products2 .list li .img {
	width: 100%;
	text-align: center;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin-bottom: 20px
}

.case_products2 .list li .img img {
	max-height: 100px
}

.case_products2 .list li .title {
	line-height: 40px;
	color: #333;
	font-size: 24px;
	text-align: center
}

.cloud_advantage {}

.cloud_advantage ul li {
	float: left;
	width: 25%;
	position: relative;
	overflow: hidden
}

.cloud_advantage ul li img {
	transition: 0.5s;
	width: 100%;
	height: 100%
}

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

.cloud_advantage ul li .box {
	position: absolute;
	z-index: 2;
	color: #fff;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	text-align: center;
	padding-top: 40%
}

.cloud_advantage ul li .box p {
	display: inline-block;
	margin: 0 auto;
	position: relative
}

.cloud_advantage ul li .box p:before {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -40px;
	bottom: -20px;
	width: 80px;
	height: 2px;
	background: #fff
}

.cloud_advantage ul li .box span {
	display: block;
	margin-bottom: 10px;
	font-size: 22px
}

.cloud_advantage ul li .box i {
	display: block;
	font-size: 16px;
	height: 65px
}

.access_scenario {
	text-align: center;
	padding-bottom: 70px
}

.scene_box {
	position: relative;
	display: inline-block
}

.scene_box ul {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1
}

.scene_box img {
	position: relative;
	z-index: 0
}

.scene_box li {
	position: absolute;
	cursor: pointer;
	z-index: 3
}

.scene_box li ins {
	position: relative;
	z-index: 2;
	width: 50px;
	height: 50px;
	background: #3a97d4;
	border-radius: 50%;
	display: inline-block
}

.scene_box li ins img,
.scene_box li ins i {
	display: inline-block;
	vertical-align: middle
}

.scene_box li ins i {
	height: 100%
}

.scene_box li:after {
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 1;
	animation: scenedh 3s linear infinite;
	content: '';
	width: 70px;
	height: 70px;
	background: radial-gradient(circle, transparent, rgba(58, 151, 212, 0.1) 50%, rgba(58, 151, 212, 0.7));
	border-radius: 50%
}

.scene_box li p {
	display: none;
	position: absolute;
	width: 240px;
	background: rgba(10, 18, 29, 0.75);
	color: #fff;
	text-align: center;
	padding: 10px;
	border-radius: 5px;
	z-index: 3;
	min-height: 124px
}

.scene_box li p b {
	font-size: 16px;
	display: block;
	font-weight: normal
}

.scene_box li p span {
	font-size: 12px;
	display: block;
	margin: 5px 0 0;
	line-height: 20px
}

@keyframes scenedh {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	25% {
		-webkit-transform: scale(.6);
		transform: scale(.6)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	75% {
		-webkit-transform: scale(.6);
		transform: scale(.6)
	}
}

.scene_box li.zm {
	left: 350px;
	top: 90px
}

.scene_box li.zm p {
	left: -95px;
	bottom: 60px
}

.scene_box li.cz {
	right: 320px;
	top: 100px
}

.scene_box li.cz p {
	left: -95px;
	bottom: 60px
}

.scene_box li.jd {
	right: 170px;
	top: 160px
}

.scene_box li.jd p {
	left: 60px;
	bottom: -35px
}

.scene_box li.cl {
	right: 140px;
	top: 340px
}

.scene_box li.cl p {
	left: -95px;
	top: 60px
}

.scene_box li.sh {
	left: 110px;
	bottom: 240px
}

.scene_box li.sh p {
	left: -95px;
	bottom: 60px
}

.scene_box li.gy {
	left: 210px;
	bottom: 50px
}

.scene_box li.gy p {
	left: -95px;
	top: 60px
}

.scene_box li.yy {
	left: 292px;
	bottom: 150px
}

.scene_box li.yy p {
	left: -95px;
	bottom: 60px
}

.scene_box li.yc {
	right: 265px;
	bottom: 120px
}

.scene_box li.yc p {
	left: -95px;
	top: 60px
}

.scene_box li.af {
	right: 100px;
	bottom: 120px
}

.scene_box li.af p {
	left: -95px;
	top: 60px
}

.case_list {}

.case_list>.ms {
	font-size: 30px;
	color: #666;
	text-align: center
}

.case_list .case_side {
	margin: 0 auto 70px;
	height: 600px
}

.case_list .case_side.Intelligent_Office {
	margin-bottom: 0
}

.case_list .case_side .swiper-slide {
	position: relative;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.case_list .case_side .swiper-slide a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%
}

.case_list .case_side .swiper-slide .content {
	height: 320px;
	width: 45%;
	background: rgba(255, 255, 255, 0.8);
	padding: 50px 100px
}

.case_list .case_side .swiper-slide .content .title {
	font-size: 22px;
	color: #040000;
	position: relative;
	margin-bottom: 40px
}

.case_list .case_side .swiper-slide .content .title:after {
	position: absolute;
	left: 0;
	bottom: -20px;
	background: #000;
	width: 60px;
	height: 2px;
	content: ''
}

.case_list .case_side .swiper-slide .content .text {
	font-size: 18px;
	line-height: 30px;
	color: #666
}

.case_list .case_side .swiper-pagination {
	bottom: 40px
}

.case_product {
	background: #f4f4f4;
	overflow: hidden
}

.case_product>.ms {
	font-size: 24px;
	color: #666;
	text-align: center
}

.case_product .voice_box {
	margin-bottom: 20px
}

.case_product .voice_box.wisdom_hotel_voice_box {
	margin-bottom: 0
}

.case_product .voice_box li {
	width: 23.8%;
	margin-right: 1.6%;
	background: #fff;
	float: left;
	padding: 70px 30px 50px
}

.case_product .voice_box li:last-child {
	margin-right: 0
}

.case_product .voice_box li p {
	height: 200px;
	text-align: center
}

.case_product .voice_box li p img {
	transition: 0.3s
}

.case_product .voice_box li:hover p img {
	transform: scale(1.1)
}

.case_product .voice_box li p img,
.case_product .voice_box li p i {
	display: inline-block;
	vertical-align: middle
}

.case_product .voice_box li p i {
	height: 100%
}

.case_product .voice_box li span {
	display: block;
	text-align: center;
	line-height: 50px;
	font-size: 24px;
	color: #666;
	height: 50px
}

.case_product .relation {
	margin: 0 auto 70px;
	height: 196px
}

.case_product .relation .relation_title {
	float: left;
	background: url('../images/relation.png');
	background-size: cover;
	width: 23.8%;
	height: 100%;
	padding: 30px 70px 30px 35px
}

.case_product .relation .relation_title p {
	position: relative;
	font-size: 24px;
	color: #fff;
	line-height: 35px;
	margin-bottom: 32px
}

.case_product .relation .relation_title p:after {
	position: absolute;
	left: 0;
	bottom: -16px;
	width: 50px;
	height: 1px;
	background: #fff;
	content: ''
}

.case_product .relation .relation_title i {
	display: block;
	width: 30px;
	height: 30px;
	background: #fff;
	line-height: 32px;
	text-align: center;
	font-size: 20px
}

.case_product .relation .relation_product {
	float: right;
	width: 74.6%;
	height: 100%
}

.case_product .relation .relation_product .swiper-slide {
	background: #fff;
	height: 100%;
	padding: 20px 0
}

.case_product .relation .relation_product .swiper-slide p {
	text-align: center;
	height: 100px
}

.case_product .relation .relation_product .swiper-slide p img {
	max-height: 100%
}

.case_product .relation .relation_product .swiper-slide p img,
.case_product .relation .relation_product .swiper-slide p i {
	display: inline-block;
	vertical-align: middle
}

.case_product .relation .relation_product .swiper-slide p i {
	height: 100%
}

.case_product .relation .relation_product .swiper-slide span {
	font-size: 24px;
	color: #666;
	text-align: center;
	display: block;
	margin-top: 20px
}

.case_product .relation .relation_product .layui-icon {
	background: none;
	color: #433f3e;
	font-size: 50px;
	width: 50px;
	height: 54px
}

.section_title {
	font-size: 36px;
	color: #2f2f2f;
	text-align: center
}

.section_title h3 {
	font-size: 38px;
	margin-bottom: 30px;
	line-height: 38px
}

.section_title p {
	font-size: 18px;
	line-height: 26px
}

.office_space .title {
	text-align: center;
	font-size: 36px;
	line-height: 1;
	margin-bottom: 70px
}

.office_space .list {}

.office_space .list ul li {
	float: left;
	position: relative;
	overflow: hidden;
	height: 260px;
	width: 32.6%;
	margin-right: 1.1%;
	margin-bottom: 13px
}

.office_space .list ul li:nth-child(3n+3) {
	margin-right: 0
}

.office_space .list ul li:nth-last-child(-n+3) {
	margin-bottom: 0
}

.office_space .list ul li img {
	transition: all 1s ease;
	height: 100%;
	width: 100%
}

.office_space .list ul li:hover img {
	transform: scale3D(1.1, 1.1, 1.1)
}

.office_space .list ul li p {
	position: absolute;
	z-index: 2;
	bottom: 0;
	font-size: 18px;
	left: 0;
	color: #fff;
	width: 100%;
	height: 80px;
	line-height: 100px;
	padding: 0 30px;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)) 80%
}

.smart_office_value {
	background: #eee;
	overflow: hidden
}

.smart_office_value .list {
	display: flex;
	justify-content: space-between;
	margin-bottom: 70px
}

.smart_office_value .list li {
	width: 185px;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 10px 1px rgba(51, 51, 51, 0.2);
	background: #fff;
	transition: 0.5s
}

.smart_office_value .list li:hover {
	box-shadow: 0 0 20px 3px rgba(50, 50, 50, 0.3)
}

.smart_office_value .list li a {
	display: block;
	text-align: center
}

.smart_office_value .list li .img {
	text-align: center
}

.smart_office_value .list li .img img {
	max-height: 100%;
	transition: 0.5s;
	display: inline-block
}

.smart_office_value .list li .title {
	line-height: 30px;
	color: #333;
	font-size: 18px;
	text-align: center
}

.smart_office_value .list li .title span {
	display: block;
	margin: 15px 0 5px
}

.smart_office_value .list li .title p {
	font-size: 24px
}

.smart_office_value .list li:nth-child(1) .title p {
	color: #40ccce
}

.smart_office_value .list li:nth-child(2) .title p {
	color: #f1bc4c
}

.smart_office_value .list li:nth-child(3) .title p {
	color: #616ff3
}

.smart_office_value .list li:nth-child(4) .title p {
	color: #c067f4
}

.smart_office_value .list li:nth-child(5) .title p {
	color: #fc9a5f
}

.smart_office_value .list li:nth-child(6) .title p {
	color: #3b97f5
}

.sceSecond {
	overflow: hidden
}

.sceSecond .section_title {}

.sceSecond .Intelligent_Office {
	text-align: center
}

.sceSecond .Intelligent_Office img {
	display: inline-block
}

.sceSecond .sceSecond_list {
	width: 800px;
	margin: 70px auto 0
}

.sceSecond .sceSecond_list ul {
	display: flex;
	justify-content: space-between
}

.sceSecond .sceSecond_list ul:nth-child(2) li {
	margin-bottom: 0
}

.sceSecond .sceSecond_list li {
	display: inline-block;
	width: 288px;
	vertical-align: top
}

.sceSecond .sceSecond_list li .sceIcon1 {
	width: 40px;
	background-position: -178px 0
}

.sceSecond .sceSecond_list li .sceIcon2 {
	width: 36px;
	background-position: -218px 0
}

.sceSecond .sceSecond_list li .sceIcon3 {
	width: 40px;
	background-position: -254px 0
}

.sceSecond .sceSecond_list li .sceIcon4 {
	width: 36px;
	background-position: -294px 0
}

.sceSecond .sceSecond_list li h3 {
	margin: 15px 0 10px;
	font-size: 20px;
	color: #2f2f2f
}

.sceSecond .sceSecond_list li p {
	font-size: 16px;
	color: grey;
	line-height: 30px
}

.chartImg {
	position: relative;
	overflow: hidden
}

.chartImg img {
	margin: 0 auto
}

.chartImg img {
	border: 1px solid #f1f1f1;
	box-shadow: 10px 40px 50px #eee
}

.chartImg>p {
	font-size: 16px;
	color: #2f2f2f;
	margin: 70px 0 0;
	text-align: center
}

.flowchart {
	width: 100%;
	background: rgba(251, 251, 251, 1);
	text-align: center
}

.flowchart .flow {
	margin: 0 auto;
	font-size: 0;
	background-color: #fbfbfb;
	display: inline-block
}

.flowchart .flow .leftShow {
	display: inline-block;
	margin-top: 28px
}

.flowchart .flow .centerTap {
	width: 141px;
	display: inline-block;
	vertical-align: top
}

.flowchart .flow .centerTap .dashed_block {
	height: 65px;
	border: 1px dashed #a0a0a0;
	background: #f1f1f1;
	font-size: 16px;
	color: #2f2f2f;
	text-align: center;
	margin-bottom: 62px;
	cursor: pointer
}

.flowchart .flow .centerTap .dashed_block.taped {
	border: 2px solid #15d1a5;
	background: #f0f8f3
}

.flowchart .flow .centerTap .dashed_block p:nth-child(1) {
	margin-top: 12px
}

.flowchart .flow .rightShow {
	overflow: hidden;
	display: inline-block;
	vertical-align: top
}

.flowchart .flow .rightShow img:nth-child(2) {
	margin-top: 60px
}

.flowchart .flow .rightShow img:nth-child(3) {
	margin-top: 60px
}

.flowchart .flow .rightShow img:nth-child(4) {
	margin-top: 125px
}

.enterprise_box {
	width: 100%;
	background-color: #fbfbfb;
	overflow: hidden
}

.enterprise_box .enterprise_list {
	margin: 0 auto 70px;
	display: flex;
	justify-content: space-between
}

.enterprise_box .enterprise_list li {
	display: inline-block;
	width: 316px;
	vertical-align: top;
	background-color: #fff
}

.enterprise_box .enterprise_list li h3 {
	width: 100%;
	margin: 24px auto 0;
	font-size: 20px;
	color: #2f2f2f;
	text-align: center
}

.enterprise_box .enterprise_list li p {
	margin: 0 15px;
	font-size: 14px
}

.enterprise_box .enterprise_list li p:nth-of-type(1) {
	color: grey;
	margin-top: 36px
}

.enterprise_box .enterprise_list li p:nth-of-type(2) {
	color: grey;
	padding-bottom: 8px;
	margin-top: 6px;
	line-height: 24px;
	border-bottom: 1px solid #f1f1f1
}

.enterprise_box .enterprise_list li p:nth-of-type(3) {
	margin-top: 10px;
	color: #2f2f2f
}

.enterprise_box .enterprise_list li p:nth-of-type(4) {
	margin-top: 6px;
	margin-bottom: 10px;
	line-height: 24px;
	color: #2f2f2f
}

.policy {
	overflow: hidden;
	text-align: center;
	background: #fafafa
}

.policy>.title {
	font-size: 30px;
	text-align: center;
	margin: 60px 0
}

.policy .carousel_box {
	position: relative;
	margin-bottom: 70px
}

.policy .policy_carousel {
	float: left;
	width: 50%
}

.policy .policy_carousel .swiper-pagination {
	bottom: 30px
}

.policy .policy_content {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%
}

.policy .policy_content .list {
	display: none;
	position: absolute;
	height: 100%
}

.policy .policy_content .list .title {
	border-bottom: 1px solid #000;
	padding-bottom: 10px
}

.policy .policy_content .list .title span {
	font-size: 28px;
	display: inline-block;
	margin-left: 30px;
	position: relative
}

.policy .policy_content .list .title span:after {
	position: absolute;
	width: 70px;
	left: 50%;
	bottom: -10px;
	margin-left: -35px;
	height: 2px;
	background: #3090F0;
	content: ''
}

.policy .policy_content .list .text {
	margin: 60px 30px 0;
	line-height: 40px;
	height: 80%;
	overflow: auto;
	font-size: 24px;
	position: relative;
	color: #666
}

.policy .layui-tab {
	margin: 0 auto;
	text-align: center !important
}

.policy .layui-tab .layui-tab-title {
	border: none;
	display: inline-block
}

.policy .layui-tab .layui-tab-title li {
	font-size: 24px;
	padding: 0 80px;
	position: relative
}

.policy .layui-tab .layui-tab-title li:after {
	content: normal
}

.policy .layui-tab .layui-tab-title li:before {
	position: absolute;
	right: 0;
	top: 40%;
	width: 1px;
	height: 30%;
	content: '';
	background: #bbb
}

.policy .layui-tab .layui-tab-title li:last-child:before {
	content: normal
}

.policy .layui-tab .layui-tab-title .layui-this {
	color: #3090F0
}

.policy .layui-tab .layui-tab-content {
	background: #fff;
	padding: 30px;
	margin: 50px 0 70px
}

.policy .layui-tab .layui-tab-content .layui-tab-item {
	position: relative
}

.policy .layui-tab .layui-tab-content .content {
	width: 48%;
	float: left;
	text-align: left;
	font-size: 20px;
	line-height: 32px;
	color: #666
}

.policy .layui-tab .layui-tab-content .img {
	width: 48%;
	position: absolute;
	height: 100%;
	right: 0;
	top: 0
}

.policy .layui-tab .layui-tab-content .img img {
	height: 100%;
	width: 100%
}

.advantage {
	background: #e5e5e5;
	overflow: hidden;
	text-align: center
}

.advantage ul {
	margin-bottom: 65px;
	display: inline-block
}

.advantage ul li {
	font-size: 30px;
	margin-right: 125px;
	float: left
}

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

.advantage ul li p {
	border: 1px solid #333;
	border-radius: 50%;
	height: 140px;
	line-height: 135px;
	width: 140px
}

.advantage ul li p img {
	display: inline-block;
	height: 60px
}

.advantage ul li span {
	display: block;
	font-size: 24px;
	margin-top: 20px
}

.procedure {
	text-align: center
}

.procedure .title {
	font-size: 30px;
	position: relative
}

.procedure ul {
	display: inline-block;
	margin-bottom: 65px
}

.procedure ul li {
	display: inline-block;
	margin-right: 125px;
	float: left
}

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

.procedure ul li p {
	width: 140px;
	height: 140px;
	line-height: 140px;
	background: #666;
	border-radius: 50%;
	position: relative
}

.procedure ul li:hover p {
	background: #3090F0
}

.procedure ul li p:after {
	position: absolute;
	right: -85px;
	top: 45%;
	width: 34px;
	height: 24px;
	content: '';
	background: url('../images/jt.png')
}

.procedure ul li:last-child p:after {
	content: normal
}

.procedure ul li p img {
	display: inline-block;
	height: 60px
}

.procedure ul li span {
	display: block;
	font-size: 24px;
	margin-top: 20px
}

.partner {
	background: url('../images/partner.jpg') center bottom no-repeat;
	text-align: center;
	color: #fff;
	height: 620px;
	overflow: hidden
}

.partner .title {
	font-size: 30px;
	margin: 50px 0 30px
}

.partner .ms {
	font-size: 22px
}

.partner ul {
	display: inline-block;
	width: 1230px
}

.partner ul li {
	float: left;
	width: 165px;
	height: 90px;
	line-height: 90px;
	background: #fff;
	margin: 0 20px 40px
}

.partner ul li:nth-last-child(-n+6) {
	margin-bottom: 0
}

.partner ul li img {
	display: inline-block
}

.apply {
	text-align: center;
	margin-bottom: 70px
}

.apply .title {
	font-size: 30px
}

.apply .ms {
	font-size: 30px;
	margin: 20px 0 50px
}

.apply .button {
	display: inline-block;
	width: 200px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	background: #3a97d4;
	font-size: 28px;
	border-radius: 5px;
	cursor: pointer;
	transition: 0.3s
}

.apply .button:hover {
	background: #3090F0
}

.apply_box {
	border-radius: 10px !important;
	overflow: hidden
}

.apply_form {
	padding: 50px
}

.apply_form .title {
	font-size: 30px;
	text-align: center
}

.apply_form .content {
	margin: 50px 0
}

.apply_form .layui-form-item {
	margin-bottom: 20px
}

.apply_form .layui-form-item label {
	font-size: 30px;
	color: #e03431;
	height: 55px;
	line-height: 60px;
	padding: 0;
	width: 20px
}

.apply_form .layui-form-item .layui-input-block {
	margin-left: 30px
}

.apply_form .layui-form-item .layui-input-block input {
	padding: 0 20px;
	font-size: 20px;
	height: 55px;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #ddd
}

.apply_form .layui-form-item .layui-input-block .layui-input-inline {
	width: 183px
}

.apply_form .layui-form-item .layui-input-block .layui-input-inline:last-child {
	margin-right: 0
}

.apply_form .layui-form-item textarea {
	font-size: 20px;
	resize: none
}

.apply_form button {
	width: 100%;
	border-radius: 10px;
	background: #52a9df;
	color: #fff;
	font-size: 30px;
	line-height: 55px;
	height: 55px
}

.apply_form .layui-form-select dl {
	top: 55px
}

.apply_form .layui-form-select dd.layui-this {
	background: #52a9df
}

.company_profile .title_base {
	padding-bottom: 20px
}

.company_profile .content {
	font-size: 20px;
	line-height: 40px;
	margin-bottom: 70px;
	color: #666
}

.company_profile .content p {
	text-indent: 20px
}

.business {
	position: relative;
	height: 495px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.business .content_nr {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: flex-end
}

.business .content {
	background: rgba(41, 138, 203, .5);
	padding: 50px 50px;
	color: #fff;
	width: 480px
}

.business .content .title {
	font-size: 30px
}

.business .content .text {
	font-size: 20px;
	line-height: 30px
}

.business .content .text p {
	margin-top: 20px
}

.enterprise {
	margin: 0 auto;
	padding-bottom: 70px
}

.enterprise .title_base {
	padding-top: 0
}

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

.enterprise li {
	width: 33.3%;
	box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.1)
}

.enterprise li .img {
	height: 203px;
	overflow: hidden
}

.enterprise li img {
	transition: 0.5s;
	width: 100%
}

.enterprise li:hover {
	cursor: pointer
}

.enterprise li:hover img {
	transform: scale(1.2)
}

.enterprise li p {
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #333;
	line-height: 30px;
	padding: 30px 0 80px
}

.enterprise li p span {
	font-size: 18px;
	color: #666;
	display: block
}

.service_card {
	background-color: #eee;
	padding-bottom: 70px
}

.service_card .adv_list ul {
	display: flex;
	justify-content: space-between
}

.service_card .adv_list ul li {
	width: 31.6%;
	background-color: #fff;
	padding: 30px 15px 60px 15px;
	box-shadow: 0 0 10px 3px rgb(210 210 210);
	box-sizing: border-box
}

.service_card .adv_list .img {
	background: url('../images/company/absprite.png')no-repeat;
	margin: 0 auto 30px;
	border: 1px solid #eaeaea;
	border-radius: 50%
}

.service_card .adv_list ul li:hover .img {}

.service_card .adv_list ul li:hover .text h3 {
	color: rgba(48, 144, 240, 1)
}

.service_card .adv_list ul li:hover .img1 {
	height: 120px;
	width: 120px;
	background-position: 0 0
}

.service_card .adv_list ul li:hover .img2 {
	height: 120px;
	width: 120px;
	background-position: 0 -120px
}

.service_card .adv_list ul li:hover .img3 {
	height: 120px;
	width: 120px;
	background-position: 0 -240px
}

.service_card .adv_list ul li:hover .img4 {
	height: 120px;
	width: 120px;
	background-position: 0 -360px
}

.service_card .adv_list ul li .text h3 {
	line-height: 20px;
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
	text-align: center
}

.service_card .adv_list ul li .text p {
	text-align: center;
	font-size: 16px;
	color: #999;
	margin: 0 35px;
	line-height: 30px
}

.service_card .adv_list ul li .img1 {
	height: 120px;
	width: 120px;
	background-position: -130px 0
}

.service_card .adv_list ul li .img2 {
	height: 120px;
	width: 120px;
	background-position: -130px -121px
}

.service_card .adv_list ul li .img3 {
	height: 120px;
	width: 120px;
	background-position: -130px -240px
}

.about_adv {
	background-color: rgba(50, 144, 239, 0.3);
	padding-bottom: 70px
}

.about_adv .adv_list ul {
	display: flex;
	justify-content: space-between
}

.about_adv .adv_list ul li {
	width: 24%;
	background-color: #fff;
	padding: 30px 15px 60px 15px;
	box-sizing: border-box
}

.about_adv .adv_list .img {
	background: url('../images/company/absprite.png')no-repeat;
	margin: 0 auto 30px;
	border: 1px solid #eaeaea;
	border-radius: 50%
}

.about_adv .adv_list ul li:hover .img {}

.about_adv .adv_list ul li:hover .text h3 {
	color: rgba(48, 144, 240, 1)
}

.about_adv .adv_list ul li:hover .img1 {
	height: 120px;
	width: 120px;
	background-position: 0 0
}

.about_adv .adv_list ul li:hover .img2 {
	height: 120px;
	width: 120px;
	background-position: 0 -120px
}

.about_adv .adv_list ul li:hover .img3 {
	height: 120px;
	width: 120px;
	background-position: 0 -240px
}

.about_adv .adv_list ul li:hover .img4 {
	height: 120px;
	width: 120px;
	background-position: 0 -360px
}

.about_adv .adv_list ul li .text h3 {
	line-height: 20px;
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
	text-align: center
}

.about_adv .adv_list ul li .text p {
	text-align: left;
	font-size: 16px;
	color: #666
}

.about_adv .adv_list ul li .img1 {
	height: 120px;
	width: 120px;
	background-position: -130px 0
}

.about_adv .adv_list ul li .img2 {
	height: 120px;
	width: 120px;
	background-position: -130px -121px
}

.about_adv .adv_list ul li .img3 {
	height: 120px;
	width: 120px;
	background-position: -130px -240px
}

.about_adv .adv_list ul li .img4 {
	height: 120px;
	width: 120px;
	background-position: -130px -360px
}

.certificate {
	text-align: center;
	background: url('../images/certificate_bg.png') center no-repeat;
	overflow: hidden
}

.certificate .wrap {
	margin: 50px auto
}

.certificate p {
	width: 40%;
	font-size: 24px;
	line-height: 48px;
	color: #444;
	float: left;
	text-align: left
}

.certificate p b {
	color: #3090F0;
	font-size: 30px
}

.certificate img {
	width: 60%;
	float: right
}

.certificate .title {
	font-size: 30px;
	margin-bottom: 30px
}

.certificate .ms {
	font-size: 24px
}

.certificate .list {
	margin: 0 auto;
	width: 1270px
}

.certificate .list li {
	width: 24.4%;
	height: 335px;
	float: left;
	margin-right: 0.8%;
	margin-bottom: 70px;
	animation-fill-mode: backwards;
	text-align: center
}

.certificate .list li:nth-child(4n+4) {
	margin-right: 0
}

.certificate .list li img,
.certificate .list li i {
	display: inline-block;
	vertical-align: middle
}

.certificate .list li img {
	max-height: 100%
}

.certificate .list li i {
	height: 100%
}

.certificate .certificate_box {
	position: relative;
	margin-bottom: 70px
}

.certificate .certificate_list li {}

.certificate .certificate_box .swiper-button {
	width: 60px;
	height: 65px
}

.certificate .certificate_box .swiper-button i {
	font-size: 60px;
	color: #999
}

.certificate .certificate_box .swiper-button-prev {
	left: -80px;
	background: none
}

.certificate .certificate_box .swiper-button-next {
	right: -80px;
	background: none
}

.contact_us {}

.contact_us>.title {
	font-size: 30px
}

.contact_us .content {
	margin: 20px 0 70px;
	text-align: center
}

.contact_us .content li {
	float: left;
	width: 28%;
	margin-right: 8%;
	position: relative
}

.contact_us .content li:after {
	position: absolute;
	top: 20%;
	right: -14%;
	content: '';
	width: 1px;
	height: 115px;
	background: #f1f1f1
}

.contact_us .content li .img img {
	display: inline-block;
	height: 35px
}

.contact_us .content li .title {
	margin: 20px 0 40px;
	font-size: 20px
}

.contact_us .content li .text {
	color: #666;
	font-size: 24px
}

.contact_us .content li:last-child {
	margin-right: 0
}

.contact_us .content li:last-child:after {
	content: normal
}

.map {
	margin: 0 auto 70px;
	height: 500px;
	border: 1px solid #ccc
}

.map img {
	max-width: inherit
}

.contact_box {
	margin: 70px auto 70px
}

.contact_box li {
	float: left;
	width: 24%;
	margin-right: 1.2%;
	background: #fff;
	line-height: 30px;
	padding: 35px;
	box-shadow: 0 5px 20px 1px rgba(100, 100, 100, 0.2);
	font-size: 18px
}

.contact_box li:last-child {
	margin-right: 0
}

.contact_box li .title {
	font-size: 24px
}

.contact_box li i {
	width: 30px;
	height: 30px;
	display: inline-block;
	border-radius: 50%;
	vertical-align: middle
}

.contact_box li span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px
}

.contact_box li .phone {
	margin: 20px 0
}

.contact_box li .email {
	margin: 20px 0
}

.contact_box li .phone i {
	background: url('../images/contact/x_phone.png') center center no-repeat #ccc
}

.contact_box li .email i {
	background: url('../images/contact/x_email.png') center center no-repeat #ccc
}

.contact_box li .weixin i {
	background: url('../images/contact/x_weixin.png') center center no-repeat #ccc
}

.crumbs {
	margin: 50px auto 0;
	font-size: 20px
}

.crumbs a {
	font-size: 20px
}

.crumbs a:hover {
	color: #3090F0
}

.crumbs .left {}

.search_box {
	height: 30px;
	width: 180px
}

.search_box * {
	display: inline-block;
	vertical-align: middle;
	float: left;
	height: 100%
}

.search_box input {
	width: 80%;
	font-size: 16px;
	padding: 0 15px;
	border: none
}

.search_box button {
	width: 20%;
	background: #3090F0;
	border: none;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.crumbs_n .search_box input {
	border: 1px solid #ccc;
	border-radius: 0
}

.news_recommend {
	margin: 30px auto
}

.news_recommend img {
	width: 100%
}

.news_recommend .swiper-pagination {
	bottom: 20px
}

.news_recommend .swiper-pagination-bullet {
	background: none;
	border: 1px solid #fff;
	margin: 0 8px !important;
	opacity: 1;
	width: 15px;
	height: 15px
}

.news_recommend .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff
}

.news_list {
	margin: 0 auto 70px
}

.news_list ul li {
	padding-bottom: 50px;
	background: #fff;
	margin-bottom: 50px;
	border-bottom: 1px solid #eee
}

.news_list ul li:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0
}

.news_list ul li .box {
	height: 275px
}

.news_list ul li .img {
	width: 50%;
	float: left;
	height: 100%;
	text-align: center
}

.news_list ul li .img a {
	display: block;
	height: 100%
}

.news_list ul li .img img {
	height: 100%;
	width: 100%
}

.news_list ul li .img img,
.news_list ul li .img i {
	display: inline-block;
	vertical-align: middle
}

.news_list ul li .img i {
	height: 100%
}

.news_list ul li .body {
	width: 48%;
	float: right;
	height: 100%;
	overflow: hidden;
	position: relative
}

.news_list ul li .title {}

.news_list ul li .title a {
	font-size: 20px;
	color: #333;
	line-height: 1
}

.news_list ul li .title:hover a {
	color: #3090F0
}

.news_list ul li .content {
	font-size: 16px;
	line-height: 32px;
	color: #666;
	margin: 20px 0 0;
	height: 160px;
	overflow: hidden
}

.news_list ul li .content a {
	color: #666;
	font-size: 16px
}

.news_list ul li .bottom {
	line-height: 1;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0
}

.news_list ul li .bottom p {
	float: left;
	font-size: 14px
}

.news_list ul li .bottom a {
	float: right;
	color: #3090F0;
	font-size: 14px
}

.cate_list.has_page .pagination {
	margin-bottom: 0
}

.news_content {
	margin: 50px auto
}

.news_content .news_left {
	width: 790px;
	float: left
}

.crumbs_n {
	font-size: 20px;
	background: #fff;
	padding: 25px
}

.crumbs_n a {
	font-size: 20px
}

.crumbs_n a:hover {
	color: #666
}

.news_content .news_box {
	margin-top: 20px;
	background: #fff
}

.news_content .news_box .news_body {
	padding: 45px;
	text-align: center;
	position: relative
}

.news_content .news_box .title {
	font-size: 26px
}

.news_content .news_box .ms {
	font-size: 16px;
	color: #666;
	border-bottom: 1px solid #ccc;
	line-height: 60px
}

.news_content .news_box .content {
	padding: 20px 0;
	line-height: 30px;
	font-size: 16px;
	min-height: 450px;
	text-align: left
}

.news_content .news_box .content a {
	font-size: 16px
}

.news_content .news_box .content table {
	margin: auto
}

.news_content .news_box .content img {
	display: inline-block
}

.news_content .link {
	padding: 30px;
	background: #fff;
	border-top: 1px solid #ccc;
	position: relative
}

.news_content .link li {
	line-height: 35px
}

.news_content .link li a:hover {
	color: #3090F0
}

.news_share {
	position: absolute;
	display: inline-block;
	width: 100%;
	left: 0;
	bottom: 20px
}

.news_share a {
	float: left
}

#bdshare_weixin_qrcode_dialog {
	box-sizing: content-box
}

.news_content .news_right {
	float: right;
	width: 390px
}

.news_content .news_right .scroll {
	padding: 20px;
	width: 390px;
	background: #fff
}

.news_content .news_right .scroll.is_scroll {
	position: fixed;
	top: 60px;
	bottom: auto
}

.news_content .news_right .scroll.is_bottom {
	position: absolute;
	top: auto;
	bottom: 0
}

.news_content .news_right .title {
	border-bottom: 1px solid #ccc;
	line-height: 40px;
	margin-bottom: 10px
}

.news_content .news_right .title a {
	font-size: 20px;
	color: #666
}

.news_content .news_right .list li {
	position: relative;
	margin-bottom: 10px;
	overflow: hidden
}

.news_content .news_right .list li:last-child {
	margin-bottom: 0
}

.news_content .news_right .list li img {
	height: 100%;
	transition: 0.3s;
	width: 100%
}

.news_content .news_right .list li p {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 20px;
	padding: 20px;
	line-height: 30px;
	opacity: 0;
	transition: 0.3s;
	z-index: 1;
	text-align: center
}

.news_content .news_right .list li p {
	opacity: 1
}

.news_content .news_right .list li:hover img {
	transform: scale(1.1)
}

.news_content .news_right .list li p i,
.news_content .news_right .list li p span {
	display: inline-block;
	vertical-align: middle
}

.news_content .news_right .list li p i {
	height: 100%
}

.project {}

.project .list {
	margin: 0 auto 70px
}

.project .list li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 25px
}

.project .list li:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.project .list li:nth-child(3n+3) {
	margin-right: 0
}

.project .list li .img {
	text-align: center;
	height: 300px;
	overflow: hidden;
	position: relative
}

.project .list li .img a {
	display: block;
	height: 100%
}

.project .list li .img a:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	content: '';
	transition: 0.3s
}

.project .list li:hover .img a:after {
	background: rgba(0, 0, 0, 0.5)
}

.project .list li .img img {
	height: 100%;
	width: 100%;
	transition: 0.5s;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}

.project .list li .img span {
	opacity: 0;
	padding: 20px;
	font-size: 20px;
	line-height: 30px;
	z-index: 3;
	position: relative;
	white-space: pre-line;
	transition: 0.3s;
	transform: scale(1.2);
	color: #fff
}

.project .list li:hover .img span {
	opacity: 1;
	transform: scale(1)
}

.project .list li:hover .img img {
	transform: scale(1.1)
}

.project .list li .img span,
.project .list li .img i {
	display: inline-block;
	vertical-align: middle
}

.project .list li .img i {
	height: 100%
}

.project .list li .content {
	padding: 10px 20px;
	border: 1px solid #f2f2f2
}

.project .list li .content .title {
	margin-bottom: 10px
}

.project .list li .content .title a {
	font-size: 20px
}

.project .list li .content .ms {
	font-size: 14px;
	margin: 5px 0 20px;
	display: none
}

.project .list li .content .more a {
	color: #3090F0
}

.project_content {
	margin: 0 auto;
	padding: 100px 0 0
}

.project_content>.title {
	font-size: 30px;
	text-align: center
}

.project_content>.content {
	padding: 30px 0;
	margin-top: 50px;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	line-height: 30px
}

.project_content>.content table {
	margin: 0 auto
}

.project_content>.content img {
	display: inline-block
}

.project_content>.link {
	padding: 30px;
	position: relative
}

.project_content>.link li {
	line-height: 50px
}

.project_content>.link span {
	position: absolute;
	right: 0;
	top: 40%;
	width: 120px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #3090F0;
	border-radius: 20px
}

.project_content>.link span a {
	color: #fff;
	display: block
}

.news_box>.link span {
	position: absolute;
	right: 0;
	top: 40%;
	width: 120px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #3090F0;
	border-radius: 20px
}

.news_box>.link span a {
	color: #fff;
	display: block
}

.experience {}

.experience .list {
	margin-bottom: 70px
}

.experience .list li {
	float: left;
	margin: 0 0.8% 10px 0;
	width: 32.8%;
	position: relative;
	overflow: hidden;
	height: 300px
}

.experience .list li a {
	display: block;
	height: 100%
}

.experience .list li:nth-child(3n+3) {
	margin-right: 0
}

.experience .list li:nth-last-child(-n+3) {
	margin-bottom: 0
}

.experience .list li .content img {
	transition: 0.3s;
	height: 100%;
	width: 100%
}

.experience .list li a:hover .content img {
	transform: scale(1.1)
}

.experience .list li .content span {
	position: absolute;
	width: 100%;
	line-height: 50px;
	bottom: 0;
	left: 0;
	color: #fff;
	text-align: center;
	font-size: 20px;
	background: rgba(41, 108, 203, .5)
}

.experience .list li .content {
	height: 100%
}

.experience .list li .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: none
}

.experience .list li a:hover .mask {
	display: block
}

.experience .list li .mask .body,
.experience .list li .mask i {
	display: inline-block;
	vertical-align: middle
}

.experience .list li .mask i {
	height: 100%
}

.experience .list li .mask .body img {
	display: inline-block
}

.experience .list li .mask .body span {
	font-size: 24px;
	color: #fff;
	display: block;
	margin-top: 10px
}

.video .content {
	height: 560px
}

.video .content .left {
	width: 76%;
	height: 100%
}

.video .content .left video {
	width: 100%;
	height: 100%
}

.video .content .right {
	width: 24%;
	height: 100%;
	background: #282828;
	overflow: auto
}

.video .content .right li {
	padding: 10px;
	height: 80px;
	cursor: pointer;
	margin-bottom: 10px
}

.video .content .right li .img {
	float: left;
	width: 30%;
	height: 100%
}

.video .content .right li .img img {
	height: 100%;
	width: 100%
}

.video .content .right li .body {
	float: right;
	width: 65%
}

.video .content .right li .body p {
	font-size: 18px;
	color: #fff;
	line-height: 35px
}

.video .content .right li .body span {
	display: block;
	font-size: 12px;
	color: #d2d2d2
}

.video video {
	width: 100%
}

.scene {
	margin: 70px auto
}

.scene .list {
	float: left;
	width: 102px;
	background: #eee;
	box-shadow: 2px 2px 5px #333333
}

.scene .list li {
	width: 100%;
	border: 2px solid #FFF;
	opacity: 0.6
}

.scene .list li.active,
.scene .list li:hover {
	border: 2px solid #3090F0;
	opacity: 1
}

.scene .list li img {
	height: 69px;
	width: 100%
}

.scene .list li span {
	display: block;
	line-height: 25px;
	text-align: center
}

.scene .control_box {
	padding-left: 150px
}

.scene .control {
	float: left;
	width: 325px
}

.scene .panel {
	position: relative;
	height: 242px
}

.scene .panel .left {
	height: 100%;
	padding: 0 30px
}

.scene .panel .left p {
	font-size: 18px;
	color: #666;
	line-height: 25px;
	width: 20px
}

.scene .panel .left p,
.scene .panel .left i {
	display: inline-block;
	vertical-align: middle
}

.scene .panel .left i {
	height: 100%
}

.scene .panel .right {
	background: url('../images/panel.png') no-repeat;
	width: 245px;
	height: 242px;
	position: relative
}

.scene .panel .right ul {
	position: absolute;
	width: 65%;
	top: 45px;
	left: 20%
}

.scene .panel .right li {
	line-height: 38px;
	color: #666;
	font-size: 18px;
	padding: 0 10px 0 13px;
	cursor: pointer;
	font-weight: bold
}

.scene .panel .right li:hover,
.scene .panel .right li.active {
	color: #3090F0
}

.scene .model {
	margin-top: 20px
}

.scene .model li {
	margin: 0 35px 35px 0;
	float: left;
	background: #d9d9d9;
	border-radius: 20px;
	width: 145px;
	height: 145px;
	line-height: 145px;
	text-align: center;
	font-size: 26px;
	color: #666;
	cursor: pointer
}

.scene .model li:hover,
.scene .model li.active {
	background: #3a97d4;
	color: #fff
}

.scene .model li:nth-child(even) {
	margin-right: 0
}

.scene .model li:nth-last-child(-n+2) {
	margin-bottom: 0
}

.scene .show {
	float: right;
	width: 680px
}

.scene .show .top {
	position: relative;
	width: 100%;
	height: 415px;
	background-size: 100% 100%
}

.scene .show .top img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.scene .show .bottom {
	font-size: 0
}

.scene .show .bottom .img_list {
	margin-top: 6px;
	width: 100%;
	display: table
}

.scene .show .bottom .img_list li {
	background-size: cover;
	display: inline-block;
	width: 24.4%;
	margin-right: 0.8%
}

.scene .show .bottom .img_list li:last-child {
	margin-right: 0
}

.scene .show .bottom .text_box {
	overflow: hidden;
	position: relative;
	margin-top: 35px;
	display: none
}

.scene .show .bottom .text_box span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: #fff;
	z-index: 2;
	animation: span_dh 2s ease-in-out 0s 1 alternate forwards
}

.scene .show .bottom .text_list {
	margin-top: 50px;
	border-top: 2px solid #3090F0
}

.scene .show .bottom .text_list li {
	position: relative;
	font-size: 18px;
	display: inline-block;
	width: 24.4%;
	margin-right: 0.8%;
	text-align: center;
	padding: 35px 0 0;
	color: #666;
	vertical-align: top
}

.scene .show .bottom .text_list li:last-child {
	margin-right: 0
}

.scene .show .bottom .text_list li:after {
	content: '';
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 3px solid #3090F0;
	position: absolute;
	top: -12px;
	left: 50%;
	margin-left: -10px;
	background: #fff
}

@keyframes span_dh {
	from {
		left: 0
	}

	to {
		left: 100%
	}
}

.appointment {
	text-align: center;
	margin-bottom: 70px
}

.appointment .button {
	display: inline-block;
	width: 200px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	background: #3a97d4;
	font-size: 28px;
	border-radius: 5px;
	cursor: pointer;
	transition: 0.3s
}

.appointment .button:hover {
	background: #3090F0
}

.appointment_box {
	border-radius: 10px !important;
	overflow: hidden
}

.form_popup {
	padding: 50px
}

.form_popup .title {
	font-size: 30px;
	text-align: center
}

.form_popup .content {
	margin: 50px 0
}

.form_popup .layui-form-item {
	margin-bottom: 20px
}

.form_popup .layui-form-item label {
	font-size: 30px;
	color: #e03431;
	height: 55px;
	line-height: 60px;
	padding: 0;
	width: 20px
}

.form_popup .layui-form-item .layui-input-block {
	margin-left: 30px;
	border-radius: 5px;
	border: 1px solid #ddd;
	font-size: 0
}

.form_popup .layui-form-item .layui-input-block>dt {
	display: inline-flex;
	width: 55px;
	height: 55px;
	align-items: center;
	justify-content: center;
	vertical-align: top
}

.form_popup .layui-form-item .layui-input-block>dd {
	font-size: 20px;
	vertical-align: top;
	width: calc(100% - 55px);
	display: inline-block;
	border: none
}

.form_popup .layui-form-item .layui-input-block input {
	width: 100%;
	height: 55px;
	padding: 0 10px;
	display: inline-block;
	border: none
}

.form_popup .layui-form-item .layui-input-block .layui-input-inline {
	width: 164px
}

.form_popup .layui-form-item .layui-input-block .layui-input-inline:last-child {
	margin-right: 0
}

.form_popup .layui-form-item .layui-form-select .layui-edge {
	height: 100%;
	background: url(../images/form_select.png) center center no-repeat;
	background-size: cover;
	right: 0;
	top: 0;
	width: 27px;
	margin-top: 0;
	border: none
}

.form_popup .layui-form-item .layui-form-selected .layui-edge {
	transform: rotate(0deg)
}

.form_popup .layui-form-item textarea {
	font-size: 20px;
	resize: none;
	border: none
}

.form_popup button {
	width: 100%;
	border-radius: 10px;
	background: #52a9df;
	color: #fff;
	font-size: 30px;
	line-height: 55px;
	height: 55px
}

.form_popup .layui-form-select dl {
	top: 55px
}

.form_popup .layui-form-select dd.layui-this {
	background: #52a9df
}

.form_popup .tips {
	color: #666;
	line-height: 25px;
	margin-top: 20px
}

.BMap_center {
	overflow: visible !important
}

.BMap_center:before {
	content: "";
	display: block;
	top: -27px;
	left: -1px;
	background: #3090F0;
	height: 4px;
	width: 150px;
	position: absolute
}

.offLine-list1 {
	margin-bottom: 70px
}

.offLine-list1 .map-contents {
	position: relative;
	height: 520px
}

.offLine-list1 .BMap_bubble_content {
	position: relative;
	box-sizing: border-box
}

.offLine-list1 .map-img {
	width: 100%
}

.offLine-list1 .BMap_bubble_content .cf {
	margin-top: 10px
}

.offLine-list1 .BMap_bubble_content .address {
	float: left;
	width: 50%
}

.offLine-list1 .BMap_bubble_content .phone {
	float: right;
	width: 50%
}

.offLine-list1 #allmap1 {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important
}

.offLine-list1 .map-address-name,
.offLine-list1 .map-tele-name {
	font-size: 14px;
	line-height: 28px;
	color: #333;
	padding-left: 20px;
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 6px
}

.offLine-list1 .map-address-name {
	background: url('../images/address.png') no-repeat left center;
	background-size: 12px
}

.offLine-list1 .map-tele-name {
	background: url('../images/phone.png') no-repeat left center;
	background-size: 15px
}

.offLine-list1 .map-address-detail,
.offLine-list1 .map-tele-detail {
	font-size: 12px;
	line-height: 18px;
	color: #888
}

.conference_room_process {
	background: #eee;
	overflow: hidden
}

.conference_room_process .list ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 70px
}

.conference_room_process .list li {
	width: 23.15%;
	position: relative;
	margin-bottom: 30px
}

.conference_room_process .list li a {
	background: #fcfcfc;
	text-align: center;
	padding: 35px 10px;
	box-shadow: 0 0 10px 1px rgba(51, 51, 51, 0.3);
	position: relative;
	display: block;
	z-index: 1;
	transition: 0.5s
}

.conference_room_process .list li:hover a {
	transform: scale(1.05)
}

.conference_room_process .list li:nth-last-child(-n+4) {
	margin-bottom: 0
}

.conference_room_process .list li .title {
	font-size: 18px;
	color: #333
}

.conference_room_process .list li .img {
	margin: 45px 0 35px
}

.conference_room_process .list li img {
	display: inline-block
}

.conference_room_process .list li .text {
	font-size: 16px;
	color: #999;
	line-height: 30px;
	text-align: left
}

.conference_room_process .list li span {
	width: 60px;
	height: 60px;
	background: url('/template/workplace/static/images/crp_bg.png') no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index: 3
}

.conference_room_process .list li span {
	right: -45px;
	top: 50%;
	margin-top: -30px
}

.conference_room_process .list li:nth-child(4) span {
	top: auto;
	bottom: -45px;
	left: 50%;
	margin-left: -30px;
	transform: rotate(90deg)
}

.conference_room_process .list li:nth-last-child(-n+4) span img {
	transform: rotate(180deg)
}

.intro-list4 .list4-banner {
	overflow: hidden;
	text-align: center;
	padding: 2px;
	width: calc(100% - 100px);
	margin: 0 auto
}

.intro-list4 .swiper-year {
	font-size: 24px;
	color: #666;
	height: 100px;
	padding-top: 30px;
	line-height: 66px;
	transition-duration: .3s
}

.intro-list4 .swiper-detail {
	font-size: 14px;
	line-height: 26px;
	color: #888;
	transition-duration: .3s
}

.intro-list4 .scroll-wrap {
	height: 72px
}

.intro-list4 .list4-mains {
	position: relative;
	margin-bottom: 70px
}

.intro-list4 .list4-mains:before {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 106px;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #eee
}

.intro-list4 .swiper-slide {
	transition-duration: .3s
}

.intro-list4 .swiper-slide:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.intro-list4 .swiper-slide:hover .swiper-year {
	padding-top: 15px
}

.intro-list4 .swiper-slide:hover .swiper-detail {
	color: #444
}

.intro-list4 .swiper-slide:hover .swiper-line:before {
	background: #fff;
	border-color: #3090F0
}

.intro-list4 .swiper-line {
	position: relative;
	display: block;
	width: 14px;
	height: 40px;
	background: #fff;
	margin: 0 auto
}

.intro-list4 .swiper-line:before,
.intro-list4 .swiper-line:after {
	content: "";
	position: absolute;
	display: block;
	box-sizing: border-box
}

.intro-list4 .swiper-line:before {
	left: 50%;
	top: 0;
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	background: #bfbfbf;
	border-radius: 50%;
	margin-left: -5px;
	transition-duration: .3s
}

.intro-list4 .swiper-line:after {
	left: 50%;
	bottom: 0;
	width: 1px;
	height: 20px;
	background: #eee
}

.intro-list4 .swiper-detail {
	padding: 18px 28px
}

.intro-list4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #e60039 !important
}

.swiper-btns-wrap3 {
	position: absolute;
	z-index: 3;
	height: 1px;
	overflow: visible;
	width: 100%;
	left: 0;
	top: 106px
}

.swiper-btns-wrap3 .btn {
	background: #dcdcdc;
	position: absolute;
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	top: -18px;
	cursor: pointer;
	font-size: 20px;
	transition: all .5s ease;
	border-radius: 50%;
	overflow: hidden
}

.swiper-btns-wrap3 .btn:hover {
	background: #3090F0
}

.swiper-btns-wrap3 .prev {
	left: 0
}

.swiper-btns-wrap3 .next {
	right: 0
}

.intro-list8 {
	background: #fafafa;
	padding-bottom: 70px
}

.intro-list8 .list8-img {
	float: left;
	width: 40%
}

.intro-list8 .list8-img img {
	width: 400px
}

.intro-list8 .list8-right {
	float: right;
	width: 55%
}

.intro-list8 .list8-item {
	padding: 0 20px;
	float: left;
	width: 48%;
	border: 1px solid #dbdbdb;
	font-size: 14px;
	line-height: 48px;
	height: 50px;
	color: #333;
	margin: 0 4% 40px 0;
	transition-duration: .3s
}

.intro-list8 .list8-item:nth-child(even) {
	margin-right: 0
}

.intro-list8 .list8-item:nth-last-child(-n+2) {
	margin-bottom: 0
}

.intro-list8 .list8-item:hover {
	background: #3290ef;
	color: #fff;
	border-color: #3290ef
}

.intro-list8 .scroll-wrap {}

.intro-list8 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #3290ef !important
}

.special_tg {
	top: auto;
	bottom: 55px
}

.intro-list9 .list9-banner {
	overflow: hidden;
	padding: 80px 0
}

.intro-list9 .list9-banner-wrap {
	position: relative;
	background: linear-gradient(#fff 50%, #e3e3e3 50%, #f2f2f2 100%)
}

.intro-list9 .slide-h5 {
	text-align: center;
	margin-top: 20px;
	font-size: 14px;
	line-height: 24px;
	color: #444;
	height: 24px;
	opacity: 0;
	transition-duration: .8s
}

.intro-list9 .swiper-slide {
	position: relative;
	transition-duration: .8s
}

.intro-list9 .swiper-slide-active {
	transform: scale(1.5);
	z-index: 2
}

.intro-list9 .swiper-slide-active .img-wrap {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)
}

.intro-list9 .swiper-slide-active .slide-h5 {
	opacity: 1
}

.swiper-btns-wrap5 {
	position: absolute;
	z-index: 3;
	height: 1px;
	overflow: visible;
	width: 100%;
	left: 0;
	top: 50%
}

.swiper-btns-wrap5 .btn {
	font-size: 80px;
	position: absolute;
	display: block;
	width: 80px;
	height: 87px;
	top: -40px;
	cursor: pointer;
	transition: all .5s ease;
	color: #999;
	overflow: hidden
}

.swiper-btns-wrap5 .btn:hover {
	color: #3090F0
}

.swiper-btns-wrap5 .prev {
	left: 1.5rem
}

.swiper-btns-wrap5 .next {
	right: 1.5rem
}

.layui-laydate-content .layui-this {
	background-color: #52a9df !important
}

.cloud_platform {}

.cloud_platform .list {}

.cloud_platform .list ul {
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}

.cloud_platform .list ul:nth-child(2) li {
	margin-bottom: 0
}

.cloud_platform .list li {
	text-align: center;
	width: 224px
}

.things_solutions {}

.things_solutions .list {
	background: #333
}

.things_solutions .list ul {
	display: -moz-box;
	display: -webkit-box
}

.things_solutions .list ul li {
	position: relative;
	overflow: hidden;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1
}

.things_solutions .list ul li>img {
	transition: 0.5s;
	width: 100%;
	height: 100%
}

.things_solutions .list ul li:hover>img {
	transform: scale(1.1)
}

.things_solutions .list ul li .box {
	position: absolute;
	z-index: 2;
	color: #fff;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	text-align: center;
	transition: 0.3s
}

.things_solutions .list ul li:hover .box {
	opacity: 0
}

.things_solutions .list ul li .box .img {
	display: inline-block;
	margin: 0 auto;
	font-size: 18px
}

.things_solutions .list ul li .box .img img {
	display: inline-block;
	height: 80px
}

.things_solutions .list ul li .box span {
	display: block;
	font-size: 24px
}

.things_solutions .list ul li .box .img .cir-wrap {
	opacity: 1;
	transition-duration: .5s;
	display: inline-block;
	position: relative;
	margin-bottom: 30px
}

.things_solutions .list ul li .box .img .list3-cir {
	position: absolute;
	display: none;
	border-radius: 50%;
	animation: cir-scale2 3s linear infinite
}

.things_solutions .list ul li .box .img .list3-cir1 {
	border: 1px solid #fff;
	width: 120%;
	height: 120%;
	left: -10%;
	top: -5%
}

.things_solutions .list ul li .box .img .list3-cir2 {
	border: 1px solid rgba(255, 255, 255, 0.2);
	width: 180%;
	height: 180%;
	left: -40%;
	top: -35%
}

.things_solutions .list ul li .box .img .list3-cir3 {
	border: 1px solid rgba(255, 255, 255, 0.2);
	width: 250%;
	height: 250%;
	left: -75%;
	top: -70%
}

.things_solutions .list ul li .box2 {
	position: absolute;
	z-index: 2;
	color: #fff;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	text-align: center;
	opacity: 0;
	transition: 0.3s
}

.things_solutions .list ul li:hover .box2 {
	opacity: 1
}

.things_solutions .list ul li .box2 .text {
	min-height: 40%;
	width: 84%;
	margin: 0 auto
}

.things_solutions .list ul li .box2 .text .title {
	font-size: 22px;
	margin-bottom: 50px;
	position: relative
}

.things_solutions .list ul li .box2 .text .title:before {
	content: '';
	width: 40px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: -20px
}

.things_solutions .list ul li .box2 .text .content {
	font-size: 16px;
	line-height: 25px;
	word-break: break-all
}

.application_case {
	padding-bottom: 70px
}

.application_case>.wrap {
	height: 606px;
	display: flex;
	justify-content: space-between
}

.application_case .case_left {
	width: 220px;
	height: 100%;
	background: #fff
}

.application_case .case_left .swiper-slide {
	font-size: 24px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #eee;
	padding: 0 20px
}

.application_case .case_left .swiper-slide:last-child {
	border-bottom: none
}

.application_case .case_left .swiper-slide.swiper-slide-thumb-active {
	background: #3090F0;
	color: #fff
}

.application_case .case_left .swiper-slide i {
	font-size: 38px;
	color: #ccc;
	height: 32px;
	line-height: 32px
}

.application_case .case_right {
	width: 980px;
	height: 100%
}

.application_case .case_right .swiper-wrapper img {
	height: 100%;
	width: 100%
}

.smart_home {
	margin: 70px auto 0
}

.smart_home .list {}

.smart_home .list ul {
	display: flex;
	flex-flow: wrap
}

.smart_home .list li {
	width: 32.4%;
	margin-right: 1.4%;
	margin-bottom: 20px;
	height: 370px
}

.smart_home .list li:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.smart_home .list li:nth-child(3n+3) {
	margin-right: 0
}

.smart_home .list li:nth-last-child(-n+3) {
	margin-bottom: 0
}

.smart_home .list li .img {
	text-align: center;
	height: 280px;
	overflow: hidden;
	position: relative
}

.smart_home .list li .img a {
	display: block;
	height: 100%
}

.smart_home .list li .img img {
	height: 100%;
	width: 100%;
	transition: 0.5s
}

.smart_home .list li:hover .img img {
	transform: scale(1.1)
}

.smart_home .list li .img span,
.project .list li .img i {
	display: inline-block;
	vertical-align: middle
}

.smart_home .list li .img i {
	height: 100%
}

.smart_home .list li .content {
	padding: 8px 20px;
	background: #efeeec
}

.smart_home .list li .content .title {
	margin-bottom: 5px
}

.smart_home .list li .content .title a {
	font-size: 20px
}

.smart_home .list li .content .ms {
	font-size: 14px;
	margin: 5px 0
}

.smart_home .list li .content .more a {
	color: #d21436
}

.smart_home_system {}

.smart_home_system .body_box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 60px 0 0;
	margin-bottom: -30px
}

.smart_home_system .body {
	width: 625px;
	height: 625px;
	background: url('../images/shg.png');
	margin: 0 auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(0.9);
	-moz-transform: scale(0.9)
}

.smart_home_system .body .home {
	font-size: 30px;
	text-align: center
}

.smart_home_system .body .home img {
	margin-bottom: 10px;
	width: 113px;
	display: inline-block
}

.smart_home_system .body .home p {}

.smart_home_system .body .ico {
	position: absolute
}

.smart_home_system .body .ico:nth-child(1) {
	top: 0;
	left: -89px
}

.smart_home_system .body .ico:nth-child(2) {
	top: 0;
	right: -89px
}

.smart_home_system .body .ico:nth-child(3) {
	bottom: 70px;
	left: -110px
}

.smart_home_system .body .ico:nth-child(4) {
	bottom: 70px;
	right: -136px
}

.smart_home_system .body .tubiao {
	position: relative;
	display: inline-block;
	text-align: center
}

.smart_home_system .body .tubiao .h {
	display: inline-block
}

.smart_home_system .body .ico:nth-child(1) .tubiao .h {
	position: relative;
	top: -1px;
	left: 37px
}

.smart_home_system .body .ico:nth-child(2) .tubiao .h {
	position: relative;
	top: -1px;
	left: -36px
}

.smart_home_system .body .ico:nth-child(3) .tubiao .t {
	display: inline-block
}

.smart_home_system .body .ico:nth-child(3) .tubiao .h {
	position: relative;
	top: 56px;
	left: -13px
}

.smart_home_system .body .ico:nth-child(4) .tubiao .t {
	display: inline-block
}

.smart_home_system .body .ico:nth-child(4) .tubiao .h {
	position: relative;
	top: 35px;
	left: 20px
}

.smart_home_system .body_box .content {
	position: absolute;
	text-align: left;
	z-index: 9
}

.smart_home_system .body_box .content .title {
	font-size: 20px;
	margin-bottom: 10px;
	color: #000
}

.smart_home_system .body_box .content .text {
	font-size: 16px;
	line-height: 25px;
	color: #666
}

.smart_home_system .body_box .content:nth-child(1) {
	left: 0;
	top: 0
}

.smart_home_system .body_box .content:nth-child(2) {
	right: 0;
	top: 0
}

.smart_home_system .body_box .content:nth-child(3) {
	left: 0;
	top: 270px
}

.smart_home_system .body_box .content:nth-child(4) {
	right: 0;
	top: 270px
}

.smart_home_app {
	height: 800px;
	background: url('../images/smart_home_app.jpg') center center no-repeat;
	background-size: cover;
	color: #fff;
	overflow: hidden;
	display: flex;
	align-items: center
}

.smart_home_app .content {
	margin: 0 auto
}

.smart_home_app .title {
	font-size: 30px;
	line-height: 50px
}

.smart_home_app .text {
	font-size: 24px;
	margin: 20px 0 30px;
	line-height: 40px
}

.smart_home_app a {
	font-size: 24px;
	display: inline-block;
	width: 180px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #3e85c7;
	color: #fff;
	border-radius: 5px
}

.case_product_list {
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	text-align: center
}

.case_product_list li {
	width: 24.2%;
	box-shadow: 0 5px 15px 3px rgba(0, 0, 0, 0.1)
}

.case_product_list li .img {
	text-align: center;
	height: 300px;
	overflow: hidden;
	position: relative
}

.case_product_list li .img img {
	height: 100%;
	width: 100%;
	transition: 0.5s
}

.case_product_list li:hover .img img {
	transform: scale(1.1)
}

.case_product_list li .title {
	font-size: 28px;
	color: #2c82bd;
	margin-top: 25px
}

.case_product_list li>a {
	color: #fff;
	font-size: 20px;
	display: inline-block;
	width: 110px;
	height: 40px;
	line-height: 40px;
	background: #2982bd;
	border-radius: 5px;
	margin: 25px 0
}

.case_button {
	width: 260px;
	display: table;
	line-height: 60px;
	text-align: center;
	color: #fff;
	background: #3a97d4;
	font-size: 28px;
	border-radius: 5px;
	cursor: pointer;
	transition: 0.3s;
	margin: 0 auto 70px
}

.case_button:hover {
	background: #3090F0
}

.banner2 {
	height: 800px;
	display: flex;
	align-items: center;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.banner2 .content {
	color: #fff;
	text-align: left
}

.banner2 .content .title {
	font-size: 50px
}

.banner2 .content .ms {
	font-size: 30px;
	margin: 10px 0 25px;
	opacity: 0.8;
	line-height: 45px
}

.banner2 .content .more {
	background: #fff;
	margin-top: 60px;
	color: #3090F0;
	width: 180px;
	border-radius: 50px;
	display: inline-block;
	line-height: 60px;
	text-align: center;
	font-size: 24px
}

.banner2 .content .more:hover {
	background: #3090F0;
	color: #fff
}

.one-stop {
	margin: 0 auto
}

.recruit {
	background: url('../images/recruit.jpg') center center no-repeat;
	height: 800px;
	margin-top: 70px
}

.recruit ul {
	margin: 108px auto 132px
}

.recruit ul li {
	width: 350px;
	height: 250px;
	border: 3px solid #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center
}

.recruit ul li:hover {
	background: #3090F0;
	border: 3px solid #3090F0
}

.recruit ul li img {
	display: inline-block;
	height: 80px
}

.recruit ul li p {
	font-size: 24px;
	color: #fff;
	margin-top: 10px
}

.recruit>a {
	width: 260px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	background: #3291ef;
	display: table;
	margin: 0 auto;
	font-size: 30px;
	color: #fff;
	border-radius: 5px;
	transition: 0.3s
}

.recruit>a:hover {
	background: #3090F0
}

.scene_experience img {
	margin: 0 auto 70px
}

.form_message {
	background: url('../images/soultion/soultion1/form_bg.png') center center no-repeat;
	background-size: cover
}

.form_message_box {
	width: 900px;
	margin: 0 auto;
	position: relative;
	z-index: 4
}

.form_message_box ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px
}

.form_message_box ul li {
	width: 420px;
	display: flex;
	position: relative;
	z-index: 1
}

.form_message_box ul li:nth-child(2) {
	z-index: 2
}

.form_message_box ul li>dt {
	width: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f5f5f5
}

.form_message_box ul li>dt img {
	max-width: 30px;
	max-height: 30px
}

.form_message_box ul li>dd {
	display: inline-block;
	height: 60px;
	width: calc(100% - 60px);
	border: none;
	font-size: 16px;
	background: #fff
}

.form_message_box ul li>dd input {
	height: 100%;
	width: 100%;
	border: none;
	padding: 0 15px
}

.form_message_box ul li>dd input::-moz-placeholder {
	color: #999 !important
}

.form_message_box ul li>dd input::-webkit-input-placeholder {
	color: #999 !important
}

.form_message_box ul li>dd input:-ms-input-placeholder {
	color: #999 !important
}

.form_message_box ul li>dd.city_select {
	display: flex;
	align-items: center
}

.form_message_box ul li .layui-form-select {
	height: 100%
}

.form_message_box ul li .layui-form-select .layui-select-title {
	height: 100%
}

.form_message_box ul li .layui-form-select .layui-edge {
	height: 100%;
	background: url('../images/form_select.png') center center no-repeat;
	background-size: cover;
	right: 0;
	top: 0;
	width: 30px;
	margin-top: 0;
	border: none
}

.form_message_box ul li .layui-form-selected .layui-edge {
	transform: rotate(0deg)
}

.form_message_box ul li {}

.form_message_box ul li .layui-form-select dl {
	top: 60px
}

.form_message_box ul li .layui-form-selectup dl {
	bottom: 60px;
	top: auto !important
}

.form_message_box ul li .layui-form-select dl dd.layui-this {
	background: #3090F0
}

.form_message_box ul .textarea {
	width: 100%;
	display: flex;
	animation-fill-mode: backwards;
	-webkit-animation-fill-mode: backwards
}

.form_message_box ul .textarea textarea {
	width: calc(100% - 50px);
	display: inline-block;
	border: none;
	height: 200px;
	line-height: 30px;
	color: #999;
	font-size: 16px
}

.form_message_box ul .textarea textarea::-webkit-input-placeholder {
	line-height: 30px
}

.form_message_box button {
	background: #fff;
	color: #3090F0;
	margin: 50px auto 70px;
	display: table;
	font-size: 20px;
	width: 200px;
	height: 60px;
	line-height: 60px
}

.form_message_box .layui-btn:hover {
	background: #3090F0;
	color: #fff
}

.four_functions {}

.four_functions .list {}

.four_functions .list ul {
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}

.four_functions .list li {
	width: 50%;
	text-align: center
}

.four_functions .list li span {
	display: block;
	text-align: center
}

.four_functions .list li span img {
	display: inline-block;
	height: 60px
}

.four_functions .list li b {
	display: block;
	font-size: 20px;
	font-weight: normal;
	margin: 15px 0 10px;
	color: #333
}

.four_functions .list li p {
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #666
}

.attract_investment {}

.attract_investment .list {}

.attract_investment .list ul {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap
}

.attract_investment .list li {
	padding: 0 45px;
	border-right: 1px dashed #d5d6d7;
	width: 33.33%
}

.attract_investment .list li:nth-child(3n+3) {
	border: none
}

.attract_investment .list li:nth-child(-n+3) {
	margin-bottom: 70px
}

.attract_investment .list li:nth-child(1) {
	padding-left: 0
}

.attract_investment .list li:nth-child(3) {
	padding-right: 0
}

.attract_investment .list li:nth-child(4) {
	padding-left: 0
}

.attract_investment .list li:nth-child(6) {
	padding-right: 0
}

.attract_investment .list li>div {
	padding-left: 80px;
	position: relative
}

.attract_investment .list li .model_icon {
	position: absolute;
	left: 0;
	top: 0;
	height: auto;
	width: 60px
}

.attract_investment .list li .model_title {
	margin: 0 0 10px
}

.platform_application {
	background: url('../images/platform_application.jpg') center bottom no-repeat;
	text-align: center;
	color: #fff;
	overflow: hidden;
	background-size: cover
}

.platform_application .list {
	font-size: 0;
	margin-bottom: 30px
}

.platform_application .list ul {
	width: 1230px;
	display: inline-block
}

.platform_application .list ul li {
	display: inline-block;
	width: 165px;
	height: 90px;
	line-height: 90px;
	background: #fff;
	margin: 0 20px 40px
}

.platform_application .list ul li img {
	display: inline-block
}

.answering_question {
	margin-bottom: 70px
}

.answering_question .list {
	margin-top: -10px
}

.answering_question .layui-nav {
	width: 100%;
	background: none
}

.answering_question .layui-nav-tree .layui-nav-item {
	border-bottom: 1px dashed #e6e7e7
}

.answering_question .layui-nav-tree .layui-nav-bar {
	background: none
}

.answering_question .layui-nav-tree .layui-nav-item a:hover {
	background: none
}

.answering_question .layui-nav-tree .layui-nav-item a {
	font-size: 18px;
	font-weight: 900;
	color: #333 !important;
	padding: 0
}

.answering_question .layui-nav-tree .layui-nav-item a>b {
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #989898;
	margin-right: 10px;
	position: relative;
	top: -2px
}

.answering_question .layui-nav .layui-nav-item p {
	position: relative
}

.answering_question .layui-nav .layui-nav-child {
	background: none !important;
	color: #666;
	padding: 0 35px 10px;
	white-space: normal;
	line-height: 25px;
	font-size: 14px
}

.answering_question .layui-nav .layui-nav-more {
	border-color: #333 transparent transparent;
	right: 0;
	border: 0;
	top: 25%;
	width: 30px;
	height: 30px;
	font-family: layui-icon;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	margin-top: 0 !important;
	transition: 0.3s
}

.answering_question .layui-nav .layui-nav-more:before {
	content: "\e602";
	width: 30px;
	height: 30px;
	display: block;
	color: #333
}

.answering_question .layui-nav .layui-nav-itemed .layui-nav-more {
	transform: rotate(90deg)
}

.Internet_Things {
	text-align: center
}

.Internet_Things .title_base {
	padding-top: 55px
}

.Internet_Things_img {
	display: inline-block
}

.Internet_Things_advantage {}

.Internet_Things_advantage .list {
	background: #333
}

.Internet_Things_advantage .list ul li {
	position: relative;
	overflow: hidden;
	width: 25%;
	float: left;
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center
}

.Internet_Things_advantage .list ul li .bg {
	transition: 0.5s;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.Internet_Things_advantage .list ul li:hover .bg {
	transform: scale(1.1)
}

.Internet_Things_advantage .list ul li .icon {
	position: relative;
	z-index: 2
}

.Smart_Home_Solution {
	text-align: center
}

.Smart_Home_Solution img {
	display: inline-block
}

.Smart_Home_Solution_advantage {
	margin-bottom: 70px
}

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

.Smart_Home_Solution_advantage ul li {
	text-align: center;
	width: 25%;
	overflow: hidden;
	position: relative
}

.Smart_Home_Solution_advantage ul li .box {
	display: inline-block;
	position: relative;
	padding: 50px 22px;
	height: 100%
}

.Smart_Home_Solution_advantage ul li .img {
	width: 100px;
	height: 100px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative
}

.Smart_Home_Solution_advantage ul li .img .l {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #4a86c6;
	border-radius: 50%;
	clip: rect(0, 50px, 100px, 0);
	transition: 0.5s
}

.Smart_Home_Solution_advantage ul li:hover .img .l {
	clip: rect(0, 50px, 0, 0)
}

.Smart_Home_Solution_advantage ul li .img .r {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #4a86c6;
	border-radius: 50%;
	clip: rect(0, 100px, 100px, 50px);
	transition: 0.5s
}

.Smart_Home_Solution_advantage ul li:hover .img .r {
	clip: rect(100px, 100px, 100px, 50px)
}

.Smart_Home_Solution_advantage ul li .img .l:after {
	position: absolute;
	z-index: 2;
	width: 100%
}

.Smart_Home_Solution_advantage ul li img {
	max-height: 100%;
	display: inline-block
}

.Smart_Home_Solution_advantage ul li .title {
	font-size: 20px;
	margin-top: 20px;
	color: #333;
	position: relative;
	z-index: 2
}

.Smart_Home_Solution_advantage ul li:hover .title {
	opacity: 0
}

.Smart_Home_Solution_advantage ul li .text {
	position: absolute;
	top: 100%;
	left: 0;
	background: #4a86c6;
	content: '';
	width: 100%;
	height: 100%;
	z-index: 1;
	padding: 20px 30px;
	color: #fff;
	text-align: left;
	font-size: 16px
}

.Smart_Home_Solution_advantage ul li:hover .text {
	top: 0;
	animation-delay: 0.5s;
	transition: 0.5s
}

.Smart_Home_Solution_advantage ul li .text span {
	font-size: 20px;
	display: block;
	position: absolute;
	bottom: 16px
}

.Smart_Home_Solution_advantage ul li .text p {
	text-align: center;
	line-height: 22px
}

.Smart_Home_Solution_advantage ul li:nth-child(2) .text {
	padding: 20px 26px 20px 30px
}

.plan {
	text-align: center
}

.plan img {
	display: inline-block;
	margin-bottom: 70px
}

.addressing_needs {
	background: #eee;
	text-align: center
}

.addressing_needs .list {}

.addressing_needs .list ul {
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}

.addressing_needs .list li {
	text-align: center
}

.addressing_needs .list li:nth-child(odd) {
	width: 42%
}

.addressing_needs .list li:nth-child(even) {
	width: 48%
}

.addressing_needs .list li span {
	display: block;
	text-align: center
}

.addressing_needs .list li span img {
	display: inline-block
}

.addressing_needs .list li b {
	display: block;
	font-size: 20px;
	font-weight: normal;
	margin: 15px 0 10px;
	color: #333
}

.addressing_needs .list li p {
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #666
}

.model_flow {
	text-align: center;
	margin-bottom: 70px
}

.model_flow img {
	display: inline-block
}

.customization_advantage {
	background: url('../images/customization_advantage.png') center center no-repeat;
	background-size: cover;
	overflow: hidden
}

.customization_advantage .list {
	margin-bottom: 70px
}

.customization_advantage .list ul {
	display: flex;
	justify-content: space-between
}

.customization_advantage .list ul li {
	width: 20%;
	color: #fff;
	text-align: center
}

.customization_advantage .list ul li img {
	display: inline-block
}

.customization_advantage .list ul li .title {
	font-size: 20px;
	margin: 35px 0 15px
}

.customization_advantage .list ul li .content {
	font-size: 16px;
	line-height: 25px;
	word-break: break-all
}

.control_system {}

.control_system .room_box {
	margin: 60px auto 222px
}

.control_system .room {
	width: 600px;
	height: 356px;
	position: relative;
	margin: 0 auto
}

.control_system .room>.bg {
	width: 100%;
	height: 100%;
	background: url('../images/roomLyout.png') no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0
}

.control_system .room>ul {
	width: 100%;
	height: 100%;
	position: relative
}

.control_system .room>ul>li {
	border: 1px solid #333;
	border-left: none;
	border-bottom: none;
	position: absolute
}

.control_system .room>ul>li>.dot {
	width: 4px;
	height: 4px;
	background: #333;
	border-radius: 50%;
	position: absolute;
	top: -2px
}

.control_system .room>ul>li>.dot>.content {
	top: 10px;
	position: absolute;
	font-weight: 100;
	opacity: 1;
	transition: 1s;
	animation-fill-mode: backwards !important
}

.control_system .room>ul>li>.dot>.content:hover {
	transform: scale(1.05);
	cursor: pointer
}

.control_system .room>ul>li>.dot>.content>.title {
	color: #333;
	margin: 0 0 10px;
	font-size: 20px
}

.control_system .room>ul>li>.dot>.content>.con {
	color: #666;
	font-size: 16px;
	line-height: 25px
}

.control_system .room>ul>li:nth-child(1) {
	width: 32.2rem;
	height: 1.125rem;
	top: -5%;
	right: 45%
}

.control_system .room>ul>li:nth-child(1)>.dot {
	left: -3px
}

.control_system .room>ul>li:nth-child(1)>.dot>.content {
	width: 14rem;
	left: -6.8rem;
	top: -0.7rem
}

.control_system .room>ul>li:nth-child(2) {
	width: 32.2rem;
	height: 1.125rem;
	right: 45%;
	top: 27%
}

.control_system .room>ul>li:nth-child(2)>.dot {
	left: -3px
}

.control_system .room>ul>li:nth-child(2)>.dot>.content {
	width: 20rem;
	left: -6.8rem;
	top: -0.7rem
}

.control_system .room>ul>li:nth-child(3) {
	width: 25.1rem;
	height: 4rem;
	border-top: none;
	border-bottom: 1px solid #333;
	top: 52%;
	right: 64%
}

.control_system .room>ul>li:nth-child(3)>.dot {
	top: 62px;
	left: -2px
}

.control_system .room>ul>li:nth-child(3)>.dot>.content {
	width: 16rem;
	left: -6.8rem;
	top: -0.7rem
}

.control_system .room>ul>li:nth-child(4) {
	width: 7.5rem;
	height: 4rem;
	border: 1px solid #333;
	border-right: none;
	border-bottom: none;
	position: absolute;
	top: -50px;
	left: 83%
}

.control_system .room>ul>li:nth-child(4)>.dot {
	right: -2px;
	top: -2px
}

.control_system .room>ul>li:nth-child(4)>.dot>.content {
	top: -0.8rem;
	left: 2rem;
	width: 16rem
}

.control_system .room>ul>li:nth-child(4)>.airCtrl {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: #eeeeed;
	position: absolute;
	left: -1.25rem;
	bottom: -2.5rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.control_system .room>ul>li:nth-child(4)>.airCtrl>div {
	background: url('../images/airCtrlIcon.png') no-repeat;
	background-size: cover;
	width: 1.5625rem;
	height: 1.4375rem;
	z-index: 2
}

.control_system .room>ul>li:nth-child(5) {
	width: 7rem;
	height: 1rem;
	border: 1px solid #333;
	border-right: none;
	border-bottom: none;
	position: absolute;
	top: 25%;
	left: 84%
}

.control_system .room>ul>li:nth-child(5)>.dot {
	right: -2px;
	top: -2px
}

.control_system .room>ul>li:nth-child(5)>.dot>.content {
	top: -0.8rem;
	left: 2rem;
	width: 16rem
}

.control_system .room>ul>li:nth-child(6) {
	width: 7.8rem;
	height: 1rem;
	border: 1px solid #333;
	border-right: none;
	border-bottom: none;
	position: absolute;
	top: 75%;
	left: 82%
}

.control_system .room>ul>li:nth-child(6)>.dot {
	right: -2px;
	top: -2px
}

.control_system .room>ul>li:nth-child(6)>.dot>.content {
	top: -0.8rem;
	left: 2rem;
	width: 16rem
}

.control_system .room>ul>li:nth-child(7) {
	width: 8.625rem;
	height: 5.875rem;
	border: 1px solid #333;
	border-right: none;
	border-top: none;
	position: absolute;
	top: 91%;
	left: 34%
}

.control_system .room>ul>li:nth-child(7)>.dot {
	top: auto;
	right: -2px;
	bottom: -2px
}

.control_system .room>ul>li:nth-child(7)>.dot>.content {
	width: 24rem;
	left: 2rem;
	top: -0.8rem
}

.hotel_function {
	background: url('../images/hotel_function.jpg') center center no-repeat;
	overflow: hidden
}

.hotel_function_box {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 70px
}

.hotel_function_box .hf_l {
	background: rgba(255, 255, 255, 0.2);
	width: 500px;
	padding: 35px
}

.hotel_function_box .hf_l ul {
	display: flex;
	flex-flow: row wrap
}

.hotel_function_box .hf_l ul li {
	width: 33.33%;
	height: 122.5px;
	flex-shrink: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center
}

.hotel_function_box .hf_l ul li span {
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center
}

.hotel_function_box .hf_l ul li img {
	display: inline-block
}

.hotel_function_box .hf_l ul li p {
	font-size: 20px;
	color: #fff;
	margin-top: 12px;
	height: 30px
}

.hotel_function_box .hf_r {
	font-size: 24px;
	width: 580px;
	color: #fff;
	line-height: 40px
}

.assistance {
	background: #f4f4f4;
	overflow: hidden
}

.assistance .list {
	font-size: 0;
	margin-bottom: 70px
}

.assistance .list li {
	display: inline-block;
	margin: 0 45px 50px 0;
	box-shadow: 0 2px 6px 0 rgba(51, 51, 51, 0.2)
}

.assistance .list li:nth-child(6n+6) {
	margin-right: 0
}

.assistance .list li:nth-last-child(-n+6) {
	margin-bottom: 0
}

.hotel_architecture {
	text-align: center
}

.hotel_architecture img {
	display: inline-block
}

.regional_management .regional_box {
	display: flex;
	height: 740px;
	margin-bottom: 70px;
	align-items: center;
	justify-content: space-between;
	flex-flow: wrap row
}

.regional_management .regional_left {
	width: 240px;
	height: 100%;
	background: #eee;
	margin: 0
}

.regional_management .regional_left li {
	width: 100%;
	padding: 0;
	display: flex;
	overflow: hidden;
	height: calc(100%/6);
	align-items: center;
	justify-content: center
}

.regional_management .regional_left li.layui-this:after {
	content: normal
}

.regional_management .regional_left li span {
	background-position: center center;
	background-repeat: no-repeat;
	height: 42px;
	display: block
}

.regional_management .regional_left li:nth-child(1) span {
	background-image: url('../images/rmi1.png')
}

.regional_management .regional_left li:nth-child(1).layui-this span {
	background-image: url('../images/rmi1_b.png')
}

.regional_management .regional_left li:nth-child(2) span {
	background-image: url('../images/rmi2.png')
}

.regional_management .regional_left li:nth-child(2).layui-this span {
	background-image: url('../images/rmi2_b.png')
}

.regional_management .regional_left li:nth-child(3) span {
	background-image: url('../images/rmi3.png')
}

.regional_management .regional_left li:nth-child(3).layui-this span {
	background-image: url('../images/rmi3_b.png')
}

.regional_management .regional_left li:nth-child(4) span {
	background-image: url('../images/rmi4.png')
}

.regional_management .regional_left li:nth-child(4).layui-this span {
	background-image: url('../images/rmi4_b.png')
}

.regional_management .regional_left li:nth-child(5) span {
	background-image: url('../images/rmi5.png')
}

.regional_management .regional_left li:nth-child(5).layui-this span {
	background-image: url('../images/rmi5_b.png')
}

.regional_management .regional_left li:nth-child(6) span {
	background-image: url('../images/rmi6.png')
}

.regional_management .regional_left li:nth-child(6).layui-this span {
	background-image: url('../images/rmi6_b.png')
}

.regional_management .regional_left li.layui-this {
	background-color: #3090F0
}

.regional_management .regional_left li p {
	font-size: 20px;
	text-align: center;
	width: 100%;
	margin-top: 15px;
	line-height: 20px
}

.regional_management .regional_left li.layui-this p {
	color: #fff
}

.regional_management .regional_left li i {
	font-size: 38px;
	color: #ccc;
	height: 32px;
	line-height: 32px
}

.regional_management .regional_right {
	width: 890px;
	height: 100%;
	margin: 0;
	padding: 0
}

.regional_management .regional_right .layui-tab-item {
	position: relative;
	height: 100%
}

.regional_management .regional_right .title {
	font-size: 24px;
	color: #333
}

.regional_management .regional_right .content {
	font-size: 20px;
	color: #666;
	line-height: 30px;
	margin-top: 20px
}

.regional_management .regional_right .img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.market_box {
	margin-top: 70px
}

.market_box li {
	margin-bottom: 70px
}

.market_box li:last-child {
	margin-bottom: 0
}

.market_box li .market_l {
	float: left
}

.market_box li .market_r {
	float: right
}

.market_box li .market_img {
	width: 50%
}

.market_box li .market_text {
	width: 530px;
	word-wrap: break-word;
	word-break: break-all
}

.market_box li .market_text span {
	color: #333;
	font-size: 30px;
	display: block;
	margin-bottom: 20px;
	line-height: 30px
}

.market_box li .market_text p {
	color: #666;
	font-size: 20px;
	line-height: 38px
}

.market_box li .market_table {
	font-size: 24px;
	background: #3a97d4;
	color: #fff;
	width: 50%
}

.market_box li .market_table table {
	width: 100%
}

.market_box li .market_table th {
	color: #fec100;
	border-right: 1px solid #fff;
	text-align: center;
	height: 70px;
	font-weight: normal
}

.market_box li .market_table td {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: center;
	height: 70px
}

.market_box li .market_table td img {
	display: inline-block
}

.market_box li .market_table tr td:last-child,
.market_box li .market_table tr th:last-child {
	border-right: none
}

.profit_calculation table {
	color: #fff;
	font-size: 24px;
	text-align: center;
	margin-bottom: 70px
}

.profit_calculation table thead {
	background: #fec100
}

.profit_calculation table tbody tr {
	background: #333
}

.profit_calculation table tbody tr:nth-child(even) {
	background: #999
}

.profit_calculation table td {
	height: 70px;
	border-right: 1px solid #fff
}

.profit_calculation table tr td:last-child {
	border-right: 0
}

.profit_calculation table tbody td {
	border-top: 1px solid #fff
}

.cooperation_product {
	background: #eee
}

.cooperation_product .list {
	font-size: 0;
	padding-bottom: 70px
}

.cooperation_product .list li {
	width: 240px;
	padding: 30px 0 10px;
	margin: 0 25px 25px 0;
	background: #fff;
	display: inline-block
}

.cooperation_product .list li:nth-child(5n+5) {
	margin-right: 0
}

.cooperation_product .list li:nth-last-child(-n+5) {
	margin-bottom: 0
}

.cooperation_product .list li a {
	display: block;
	height: 100%;
	overflow: hidden
}

.cooperation_product .list li .img {
	width: 100%;
	height: 160px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center
}

.cooperation_product .list li .img img {
	max-height: 110px
}

.cooperation_product .list li .title {
	line-height: 40px;
	color: #333;
	text-align: center
}

.video_box .title_base {
	padding-bottom: 50px
}

.video_search .layui-inline {
	margin-right: 20px
}

.video_search .layui-inline .layui-form-label {
	width: auto;
	padding: 9px 0
}

.video_search .layui-inline .layui-form-select .layui-input {
	border: none;
	width: 150px
}

.video_search .keyword_box {
	float: right;
	display: flex;
	margin: 0;
	justify-content: space-between
}

.video_search .keyword_box input {
	display: inline-block;
	width: 200px;
	border: none
}

.video_search .keyword_box button {
	background: none;
	color: #000;
	font-size: 18px
}

.video_search .layui-form-selected dl {
	padding: 0;
	border: none
}

.video_search .layui-form-select dl dd.layui-this {
	background: #3090F0
}

.video_search .layui-form-select dl dd:hover {
	background: #3090F0;
	color: #fff
}

.video_list {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	margin-top: 20px
}

.video_list li {
	width: 32%;
	margin-bottom: 70px
}

.video_list .img {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 250px
}

.video_list .img span {
	content: '';
	width: 52px;
	height: 51px;
	background: url('../images/video-btn.png') no-repeat;
	position: relative;
	z-index: 1;
	cursor: pointer;
	transition: 0.5s
}

.video_list .img span:hover {
	transform: scale(1.25)
}

.video_list .img img {
	position: absolute;
	max-height: 250px
}

.video_list .title {
	font-size: 20px;
	text-align: center;
	line-height: 50px;
	color: #333
}

.video_list .title:hover {
	color: #3090F0
}

.video_list .qrcode {
	text-align: center
}

.video_list .qrcode img {
	display: inline-block;
	cursor: pointer
}

.subcolumn {
	display: flex;
	justify-content: space-between;
	background: #333;
	padding: 0;
	margin: 20px auto;
	border-radius: 0
}

.subcolumn.is_fixed {
	position: fixed;
	top: 60px;
	left: 50%;
	margin: 0 0 0 -600px;
	z-index: 6
}

.subcolumn .layui-nav-item {
	line-height: 50px;
	text-align: center;
	width: 20%
}

.subcolumn .layui-nav-item a {
	font-size: 14px;
	display: block;
	padding: 0;
	color: #fff
}

.subcolumn .layui-nav-item:hover>a {
	color: #3090F0
}

.subcolumn .layui-nav-item.layui-this>a {
	color: #3090F0
}

.subcolumn .layui-nav-item .layui-nav-child {
	top: 50px;
	background: rgba(27, 27, 27, 0.7);
	padding: 0;
	border: none
}

.subcolumn .layui-nav-item .layui-nav-child a:hover {
	background: #3090F0;
	color: #fff
}

.subcolumn .layui-nav-item.layui-this:after {
	display: none
}

.subcolumn .layui-nav-bar {
	display: none
}

.hot_news li {
	width: 305px;
	float: left;
	margin-left: 20px;
	height: 180px;
	position: relative
}

.hot_news li img {
	height: 100%;
	width: 100%
}

.hot_news li p {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: 35px;
	padding: 0 5%;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	line-height: 35px
}

.hot_news li:nth-child(1) {
	width: 550px;
	height: 380px;
	margin-left: 0
}

.hot_news li:nth-child(1) p {
	font-size: 16px;
	height: 50px;
	line-height: 50px
}

.hot_news li:nth-child(n+2):nth-child(-n+3) {
	margin-bottom: 20px
}

.f-news {
	padding: 70px 0 30px
}

.f-news ul {
	display: flex;
	justify-content: space-between
}

.f-news ul li {
	width: 282px;
	max-width: 282px;
	overflow: hidden
}

.f-news ul li img {
	transition: .5s;
	width: 100%
}

.f-news ul li:hover img {
	transform: scale(1.1)
}

.n-cate {
	margin-bottom: 70px
}

.n-cate-h {
	border-bottom: 1px solid #D8D8D8;
	padding-bottom: 12px;
	box-sizing: content-box
}

.n-cate .list1 {
	text-align: center;
	display: inline-block;
	padding: 10px 0;
	border-bottom: 1px solid #d8d8d8;
	box-sizing: border-box;
	width: 100%
}

.n-cate .products {
	margin-bottom: 70px
}

.n-cate .device_title {
	margin: 0 auto;
	display: inline-block
}

.n-cate .device_title li {
	text-align: center;
	font-size: 16px;
	height: 22px;
	line-height: 22px;
	float: left;
	border-right: 1px solid #d8d8d8;
	padding: 0 38px
}

.n-cate .device_title li a {
	color: #636363;
	font-size: 20px
}

.n-cate .device_title li:hover {
	cursor: pointer
}

.n-cate .device_title li:last-child {
	margin-right: 0;
	border-right: none
}

.n-cate .device_title li.active a {
	font-weight: 500;
	color: #3090F0
}

.n-cate-l {
	max-width: 940px;
	float: left
}

.n-cate-l .search {
	display: none;
	width: 100%
}

.n-cate-l .products .main {
	display: none
}

.n-cate-l .products .main.selected {
	display: block
}

.n-cate-l .products li {
	background-color: #fff;
	padding: 25px 16px;
	box-sizing: border-box;
	border-bottom: 1px solid #d8d8d8
}

.n-cate-l .products li .i-news-l {
	float: left;
	width: 242px;
	overflow: hidden;
	min-height: 160px;
	display: flex;
	align-items: center
}

.n-cate-l .products li .i-news-l img {
	width: 100%;
	max-height: 166px;
	transition: .5s
}

.n-cate-l .products li .i-news-r {
	margin-left: 262px;
	min-height: 160px
}

.n-cate-l .products li .i-news-r .i-title h3 {
	line-height: 30px;
	font-weight: bold;
	color: #333;
	font-size: 20px;
	margin-bottom: 16px
}

.n-cate-l .products li .i-news-r .i-content {
	line-height: 22px;
	color: #666;
	font-size: 14px;
	margin-bottom: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.n-cate-l .products li .i-news-r .i-date {
	display: inline
}

.n-cate-l .products li .i-news-r .i-date span {
	margin-right: 63px;
	line-height: 22px;
	font-size: 14px
}

.n-cate-l .products li .i-news-r .i-date .date1 {
	color: #999
}

.n-cate-l .products li .i-news-r .i-date .lei {
	color: #666
}

.n-cate-l .products li .i-news-r .i-date .lei .icon {
	margin-right: 6px
}

.n-cate-l .products li .i-news-r .i-date .i-more {
	float: right;
	color: #3090F0;
	margin-right: 0
}

.n-cate-l .products .more_news {
	text-align: center
}

.n-cate-l .products .more_news a {
	width: 124px;
	height: 44px;
	line-height: 44px;
	border-radius: 4px;
	border: 1px solid rgba(48, 144, 240, 1);
	color: #3090F0;
	display: inline-block;
	margin-top: 40px;
	font-size: 16px
}

.n-cate-l .products li:hover .i-news-l img {
	transform: scale(1.1)
}

.n-cate-l .products li:hover .i-news-r .i-title h3 {
	color: #3090F0
}

.n-cate-l .products li:hover {
	background-color: #F4F6F9
}

.n-cate-l .see,
.n-cate-l .none {
	text-align: center;
	margin: 20px 0
}

.n-cate-l .products>.layui-flow-more a {
	line-height: inherit
}

.n-cate-l .products>.layui-flow-more a cite {
	display: inline-block;
	padding: 0 25px;
	font-size: 16px;
	background: transparent;
	color: #3090F0;
	border-radius: 5px;
	line-height: 51px;
	border: 1px solid #3090F0
}

.n-cate-l .products>.layui-flow-more a cite:hover {
	opacity: 1
}

.n-cate-l .products>.layui-flow-more a.hasMore cite:hover {
	background: #3090F0;
	cursor: pointer;
	color: #fff
}

.n-cate-l .products>.layui-flow-more a.hasMore cite {
	background: transparent
}

.n-cate-l .none p {
	font-size: 16px;
	color: #999
}

.n-cate-r {
	max-width: 306px;
	float: right
}

.search {
	width: 306px;
	position: relative;
	margin-bottom: 13px
}

.img-s {
	background: url('../images/news/newsprite.png')no-repeat
}

.search input {
	width: 100%;
	height: 42px;
	line-height: 42px;
	padding-left: 20px;
	box-sizing: border-box;
	border-radius: 2px;
	border: 1px solid rgba(216, 216, 216, 1)
}

.search .search-logo {
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -12px
}

.search .search-logo button {
	height: 24px;
	width: 24px;
	background-position: 0 -64px;
	border: none
}

.search .search-logo button:hover {
	cursor: pointer
}

.n-cate-r .hot-new {
	margin-top: 24px;
	padding: 20px 22px;
	box-sizing: border-box;
	border: 1px solid #d8d8d8
}

.n-cate-r .hot-new h3 {
	font-size: 18px;
	font-weight: 600;
	color: rgba(45, 47, 54, 1);
	line-height: 22px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #d8d8d8;
	text-align: center
}

.n-cate-r .hot-new .hotT-list {
	padding-top: 20px
}

.n-cate-r .hot-new .hotT-list ul {
	display: inline-block
}

.n-cate-r .hot-new .hotT-list ul li {
	float: left;
	margin-bottom: 10px;
	margin-right: 3px;
	font-size: 12px;
	padding: 3px 10px;
	border: 1px solid #999a9c;
	border-radius: 19px;
	display: inline-block;
	line-height: 25px;
	cursor: pointer
}

.n-cate-r .hot-new .hotT-list ul li a {
	color: #999;
	font-size: 12px
}

.n-cate-r .hot-new .hotT-list ul li:hover {
	border-color: #3090F0
}

.n-cate-r .hot-new .hotT-list ul li:hover a {
	color: #3090F0
}

.n-cate-r .hot-new .hotT-list ul li:hover p {
	color: #3090F0
}

.n-cate-r .hot-new .hotT-list ul li.active {
	border-color: #3090F0;
	color: #3090F0
}

.n-cate-r .hot-new .hotnews-list ul li {
	margin: 12px 0
}

.n-cate-r .hot-new .hotnews-list ul li:hover a p {
	color: #3090F0
}

.n-cate-r .hot-new .hotnews-list ul li p {
	line-height: 20px;
	font-size: 14px;
	color: #2D2F36;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.n-cate-r .hot-new .hotnews-list ul li p span {
	background-color: #B2B3B4;
	color: #fff;
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 12px;
	float: left
}

.n-cate-r .hot-new .hotnews-list ul li:first-child p span {
	background-color: #3090F0
}

.n-cate-r .hot-new .hotnews-list ul li:nth-child(2) p span {
	background-color: #25B3F6
}

.n-cate-r .hot-new .hotnews-list ul li:nth-child(3) p span {
	background-color: #2FCDE6
}

.n-cate-r .h-contact {
	padding: 0
}

.n-cate-r .h-contact ul {
	padding: 20px 22px;
	background: url('../images/news/news_bg.png')no-repeat;
	background-size: cover;
	display: inline-block
}

.n-cate-r .h-contact ul li {
	margin-bottom: 20px
}

.n-cate-r .h-contact ul li:last-child {
	margin-bottom: 0
}

.n-cate-r .h-contact ul li p {
	color: #fff;
	margin-bottom: 6px
}

.n-cate-r .h-contact ul li p:last-child {
	font-size: 16px;
	line-height: 22px
}

.n-cate-r .h-contact ul li span {
	display: inline-block;
	margin-right: 5px
}

.n-cate-r .h-contact ul li .cont {
	height: 16px;
	width: 16px;
	background-position: 0 -16px
}

.n-cate-r .h-contact ul li .local {
	height: 16px;
	width: 16px;
	background-position: 0 0
}

.n-cate-r .qrcode {
	text-align: center;
	padding: 30px 0 42px;
	background: rgba(222, 223, 227, 0.24);
	border: 1px solid rgba(151, 151, 151, 0.24)
}

.n-cate-r .qrcode .img {
	width: 128px;
	margin: 0 auto
}

.n-cate-r .qrcode .img img {
	width: 100%
}

.n-cate-r .qrcode p {
	font-size: 14px;
	color: #000;
	line-height: 20px;
	margin-top: 20px
}

.n-cate .fanye {
	margin: 40px 0 40px
}

.new-desc {
	margin-top: 102px;
	margin-bottom: 20px
}

.new-desc-l {
	max-width: 977px;
	float: left
}

.navig {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 16px
}

.navig p {
	color: #999A9C
}

.navig p a {
	color: rgba(48, 144, 240, 1)
}

.new-desc-l .news-desc-t {
	margin-bottom: 30px
}

.new-desc-l .news-desc-t h1 {
	font-size: 20px;
	font-weight: bold;
	color: rgba(45, 47, 54, 1);
	line-height: 28px;
	margin-bottom: 16px;
	border-bottom: 1px dashed #CCCCCC;
	padding: 20px 0px
}

.new-desc-l .news-desc-t ul li {
	float: left;
	margin-right: 66px;
	font-size: 14px;
	font-weight: 400;
	color: rgba(153, 154, 156, 1);
	line-height: 20px
}

.new-desc-l .news-desc-c img {
	max-width: 777px;
	overflow: hidden;
	transition: 0.5s
}

.new-desc-l .news-desc-c img:hover {
	transform: scale(1.1)
}

.new-desc-l .news-desc-c p {
	font-size: 16px;
	color: rgba(99, 99, 99, 1);
	line-height: 22px;
	overflow: hidden;
	text-indent: 25px;
	letter-spacing: 2px
}

.new-desc-l .label {
	margin: 35px 0 35px;
	height: 25px;
	line-height: 25px
}

.new-desc-l .label .label1 {
	color: #999A9C;
	font-size: 14px;
	line-height: 20px;
	float: right;
	display: inline-block
}

.new-desc-l .label .label1 a:hover {
	color: #3090F0
}

.new-desc-l .bimg img {
	width: 100%
}

.new-desc-r {}

.cate_box {
	margin: 70px auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative
}

.cate_list {
	width: 875px
}

.cate_list .item {
	margin-bottom: 70px
}

.cate_list .item:last-child {
	margin-bottom: 0
}

.cate_list .item .title {
	position: relative;
	padding-bottom: 10px
}

.cate_list .item .title a {
	font-size: 28px;
	color: #333
}

.cate_list .item .title:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 50px;
	height: 2px;
	background: #3090F0
}

.cate_list .item .list {
	margin: 50px 0;
	width: 100%;
	display: flex;
	justify-content: space-between
}

.cate_list .item .list li {
	width: 32%
}

.cate_list .item .list li a {
	display: block
}

.cate_list .item .list li img {
	height: 200px;
	width: 100%
}

.cate_list .item .list li span {
	display: block;
	font-size: 20px;
	color: #333;
	line-height: 50px;
	text-align: center
}

.cate_list .item .list li p {
	font-size: 16px;
	color: #666;
	border-top: 1px solid #eee;
	padding: 10px;
	line-height: 25px
}

.cate_list .item .list li:hover p {
	border-top: 1px solid #3090F0
}

.cate_list .item .list_tab {
	margin: 70px 0 0;
	display: flex;
	justify-content: space-between;
	height: 400px
}

.cate_list .item .list_tab .tab_left {
	width: 38%;
	height: auto;
	border: 0
}

.cate_list .item .list_tab .tab_left li {
	display: block;
	padding: 0;
	text-align: left;
	height: 25px;
	line-height: 25px;
	margin-bottom: 50px
}

.cate_list .item .list_tab .tab_left li:last-child {
	margin-bottom: 0
}

.cate_list .item .list_tab .tab_left li a {
	font-size: 24px;
	color: #333
}

.cate_list .item .list_tab .tab_left li:hover a {
	color: #3090F0
}

.cate_list .item .list_tab .tab_left li.layui-this:after {
	content: normal
}

.cate_list .item .list_tab .tab_right {
	width: 60%;
	padding: 0;
	height: 100%
}

.cate_list .item .list_tab .tab_right .layui-tab-item {
	height: 100%
}

.cate_list .item .list_tab .tab_right .layui-tab-item img {
	height: 100%
}

.cate_bar_box {
	width: 305px
}

.cate_bar {
	width: 305px;
	background: #eee;
	overflow: hidden
}

.cate_bar.is_scroll {
	position: fixed;
	top: 130px;
	bottom: auto
}

.cate_bar.is_scroll.detail {
	top: 60px
}

.cate_bar.is_bottom {
	position: absolute;
	top: auto;
	bottom: 0
}

.cate_bar.is_scroll.is_bottom {
	top: auto
}

.detail .special .swiper-wrapper .swiper-slide {
	text-align: center
}

.detail .special .swiper-wrapper .swiper-slide a img {
	display: inline;
	width: auto;
	max-width: 100%;
	max-height: 100%
}

.cate_bar .special {
	height: 250px
}

.cate_bar .special .swiper-slide {
	position: relative
}

.cate_bar .special .swiper-slide img {
	width: 100%;
	height: 100%
}

.cate_bar .special .swiper-slide p {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	line-height: 50px;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	color: #fff;
	font-size: 18px
}

.cate_bar .special .swiper-pagination {
	bottom: 60px;
	font-size: 0
}

.cate_bar .special .swiper-pagination span {
	margin: 0 5px !important;
	background: #fff;
	width: 10px;
	height: 10px
}

.cate_bar .special .swiper-pagination span.swiper-pagination-bullet-active {
	background: #3090F0
}

.cate_bar .special .swiper-button {
	background-image: none !important;
	background: rgba(0, 0, 0, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 40px;
	height: 70px;
	top: 45%
}

.cate_bar .special .swiper-button.swiper-button-prev {
	left: 0
}

.cate_bar .special .swiper-button.swiper-button-next {
	right: 0
}

.cate_bar .special .swiper-button i {
	font-size: 36px
}

.cate_bar .tags_list {
	background: #fff;
	padding: 20px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}

.cate_bar .tags_list a {
	font-size: 16px;
	line-height: 30px
}

.cate_bar .title {
	font-size: 24px;
	color: #333;
	text-align: center;
	line-height: 50px
}

.cate_bar .title.platform {
	margin: 5px 0 20px
}

.bar_form {
	margin: 0 15px;
	padding: 32px 10px !important
}

.bar_form .layui-form-item {
	background: #fff;
	border-radius: 10px;
	font-size: 0;
	margin-bottom: 20px;
	display: flex;
	animation-fill-mode: backwards
}

.bar_form .layui-form-item label {
	padding: 0;
	font-size: 14px;
	color: #999;
	float: none;
	width: 50px;
	line-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: top
}

.bar_form .layui-input-block {
	min-height: inherit;
	margin-left: 0;
	vertical-align: top;
	width: calc(100% - 50px);
	display: inline-block;
	border: none;
	background: #f5f5f5
}

.bar_form .layui-input-block input {
	width: 100%;
	height: 50px;
	padding: 0 25px 0 20px;
	display: inline-block;
	border: none;
	background: none;
	font-size: 14px
}

.bar_form .layui-input-block input.layui-form-danger {
	border: 1px solid #ff9797
}

.bar_form .layui-input-block .layui-input-inline {
	width: 50%;
	margin: 0;
	left: 0
}

.bar_form .layui-form-select .layui-edge {
	height: 100%;
	background: url(../images/form_select.png) center center no-repeat;
	background-size: cover;
	right: 0;
	top: 0;
	width: 25px;
	margin-top: 0;
	border: none
}

.bar_form .layui-form-selected .layui-edge {
	transform: rotate(0deg)
}

.bar_form textarea {
	font-size: 20px;
	resize: none;
	border: none;
	border-radius: 10px;
	background: #f5f5f5
}

.bar_form button {
	width: 100%;
	border-radius: 10px;
	background: linear-gradient(#48b5fe, #2b8dcf);
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	height: 50px;
	margin-top: 10px
}

.bar_form .layui-input-block input::-webkit-input-placeholder {
	color: #999
}

.bar_form .layui-input-block input::-moz-placeholder {
	color: #999
}

.bar_form .layui-input-block input:-ms-input-placeholder {
	color: #999
}

.bar_form .layui-form-select dd.layui-this {
	background: #52a9df
}

.bar_form .layui-form-select dl {
	top: 50px;
	font-size: 14px
}

.bar_form .layui-form-selectup dl {
	bottom: 50px;
	top: auto !important
}

.cate_bar .tips {
	font-size: 12px;
	color: #333;
	line-height: 20px;
	margin-top: 30px;
	text-align: center
}

.cate_bar .wechat {
	display: flex;
	margin: 70px 20px;
	align-items: center
}

.cate_bar .wechat img {
	height: 100px
}

.cate_bar .wechat p {
	margin-left: 10%;
	color: #333;
	font-size: 22px;
	text-align: center;
	line-height: 40px
}

.office_solution .modal {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.office_solution .modal .modal-item {
	width: 21%;
	margin-bottom: 50px;
	padding: 20px;
	background: #3090F0;
	color: #fff;
	display: flex;
	align-content: space-between;
	flex-flow: wrap row
}

.office_solution .modal .modal-item a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff
}

.office_solution .modal .modal-item:nth-last-child(-n+4) {
	margin-bottom: 0
}

.office_solution .modal .modal-item .content {
	width: 100%;
	display: flex;
	justify-content: space-between
}

.office_solution .modal .modal-item .content .icon {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center
}

.office_solution .modal .modal-item .content .icon img {
	max-height: 100%
}

.office_solution .modal .modal-item .content .tip {
	width: 130px;
	font-size: 14px
}

.office_solution .modal .modal-item .text {
	width: 100%;
	margin-top: 20px;
	font-size: 16px;
	text-align: center;
	font-weight: bolder
}

.prm_code_layer {
	border-radius: 10px !important
}

.prm_code {
	text-align: center;
	padding: 20px
}

.prm_code span {
	font-size: 24px;
	font-weight: normal
}

.prm_code p {
	color: #666;
	font-size: 14px;
	line-height: 25px;
	margin: 20px 0
}

.prm_code img {
	display: inline-block
}

.case_banner {
	height: 1000px;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: cover;
	position: relative
}

.case_banner .img {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center
}

.case_banner .img img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: inline-block;
	transition: transform 12s cubic-bezier(.23, 1, .32, 1);
	transform: scale(1)
}

.case_banner:hover .img img {
	transform: scale(1.1)
}

.case_banner .text {
	font-size: 40px;
	color: #f4f4f4;
	position: relative;
	line-height: 70px;
	white-space: pre-line;
	padding-bottom: 50px
}

.case_banner .text:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 2px;
	background: #fff;
	content: ''
}

.case_banner .content {
	color: #fff;
	position: relative;
	text-align: center;
	width: 875px
}

.case_banner .content .title {
	font-size: 50px;
	font-weight: bold;
	letter-spacing: 0.8rem
}

.case_banner .content .nr {
	font-size: 30px;
	margin-top: 20px;
	line-height: 50px
}

.case_banner .content .button {
	width: 240px;
	height: 70px;
	line-height: 70px;
	display: inline-block;
	background: #fff;
	font-size: 28px;
	color: #3090F0;
	cursor: pointer;
	border-radius: 5px;
	margin-top: 50px;
	text-align: center
}

.body_union_office .case_banner .content {
	width: 1200px;
	text-align: left
}

.case_banner .content .button:hover {
	background: #3090F0;
	color: #fff
}

.case_banner .content .h {
	width: 50px;
	height: 2px;
	background: #fff;
	margin-top: 30px
}

.greyColor {
	background: #F4F6F9
}

.p70 {
	padding: 70px 0
}

.title_base1 {
	padding: 0;
	margin-bottom: 44px;
	text-align: center
}

.title_base1 p {
	color: #141612;
	font-size: 34px;
	line-height: 44px;
	margin-bottom: 20px;
	font-weight: 550
}

.title_base1 span {
	color: #999;
	font-size: 20px;
	line-height: 22px
}

.flexBox1 {
	display: flex;
	justify-content: center;
	align-items: center
}

.smart-school-banner .case_banner {
	height: 800px;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: cover;
	position: relative
}

.smart-school-banner .case_banner .img {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center
}

.smart-school-banner .case_banner .img img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: inline-block;
	transition: transform 12s cubic-bezier(.23, 1, .32, 1);
	transform: scale(1)
}

.smart-school-banner .case_banner:hover .img img {
	transform: scale(1.1)
}

.smart-school-banner .case_banner .text {
	font-size: 50px;
	color: #f4f4f4;
	position: relative;
	line-height: 70px;
	padding-bottom: 50px
}

.smart-school-banner .case_banner .content {
	color: #fff;
	position: relative;
	text-align: center;
	width: 1040px
}

.smart-school-banner .case_banner .content .title {
	font-size: 50px;
	font-weight: bold
}

.smart-school-banner .case_banner .content .nr {
	font-size: 30px;
	margin-top: 36px;
	line-height: 46px
}

.smart-school-banner .case_banner .content .button {
	width: 186px;
	height: 56px;
	line-height: 56px;
	display: inline-block;
	background: #3090F0;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	border-radius: 4px;
	margin-top: 50px;
	text-align: center
}

.body_union_office .smart-school-banner .case_banner .content {
	width: 1200px;
	text-align: left
}

.smart-school-banner .case_banner .content .button:hover {
	background: #3090F0;
	color: #fff
}

.smart-school-banner .case_banner .content .h {
	width: 50px;
	height: 2px;
	background: #fff;
	margin-top: 30px
}

.solution .solution-c ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap
}

.solution .solution-c ul li {
	width: 30%;
	text-align: center;
	margin-bottom: 42px
}

.solution .solution-c ul li:nth-child(n+4) {
	margin-bottom: 0
}

.solution .solution-c ul li .content {
	width: 280px;
	margin: 0 auto
}

.solution .solution-c ul li .imgbox {
	background: url('../images/soultion/soultion2/school-sprite.png') no-repeat;
	height: 126px;
	width: 126px;
	margin: 0 auto
}

.solution .solution-c ul li .img3 {
	background-position: -175px 0
}

.solution .solution-c ul li .img2 {
	background-position: -175px -127px
}

.solution .solution-c ul li .img1 {
	background-position: -175px -253px
}

.solution .solution-c ul li .img6 {
	background-position: -175px -379px
}

.solution .solution-c ul li .img5 {
	background-position: -175px -506px
}

.solution .solution-c ul li .img4 {
	background-position: -175px -633px
}

.solution .solution-c ul li .img3:hover {
	background-position: 0 0
}

.solution .solution-c ul li .img2:hover {
	background-position: 0 -126px
}

.solution .solution-c ul li .img1:hover {
	background-position: 0 -252px
}

.solution .solution-c ul li .img6:hover {
	background-position: 0 -378px
}

.solution .solution-c ul li .img5:hover {
	background-position: 0 -504px
}

.solution .solution-c ul li .img4:hover {
	background-position: 0 -630px
}

.solution .solution-c ul li .s-c-t p {
	font-size: 18px;
	line-height: 25px;
	color: #333;
	margin-bottom: 12px
}

.solution .solution-c ul li .s-c-c {
	height: 60px
}

.solution .solution-c ul li .s-c-c p {
	font-size: 14px;
	line-height: 20px;
	color: #666
}

.school-scheme .title_base span {
	color: #999
}

.school-scheme .scheme-c-t {
	background: #F0F7FF;
	border: 2px solid rgba(48, 144, 240, 1);
	padding: 32px 80px;
	box-sizing: border-box
}

.scheme-t-title {
	text-align: center
}

.scheme-t-title p {
	font-size: 20px;
	line-height: 28px;
	color: #333
}

.scheme-t-title p:last-child {
	margin-bottom: 36px
}

.scheme-t-title span {
	width: 28px;
	height: 6px;
	background: rgba(51, 51, 51, 1);
	display: inline-block;
	margin: 16px 0
}

.school-scheme .scheme-c-t ul {
	display: flex;
	justify-content: space-between
}

.school-scheme .scheme-c-t ul li {
	width: 221px
}

.school-scheme .scheme-c-t ul li .imgbox {
	width: 221px;
	height: 221px;
	padding: 0 25px;
	margin-bottom: 24px
}

.school-scheme .scheme-c-t ul li .imgbox img {
	max-height: 200px;
	transition: .5s
}

.school-scheme .scheme-c-t ul li .imgbox:hover img {
	margin-bottom: 20px
}

.school-scheme .scheme-c-t ul li .name {
	text-align: center
}

.school-scheme .scheme-c-t ul li .name h3 {
	line-height: 28px;
	color: #333;
	margin-bottom: 12px
}

.school-scheme .scheme-c-t ul li .name p {
	line-height: 22px;
	color: #666
}

.scheme-c-m {
	margin: 16px 0 16px 256px;
	display: inline-block
}

.scheme-c-b {
	display: flex;
	justify-content: space-between
}

.down {
	transform: rotate(-90deg);
	width: 40px;
	height: 47px
}

.school_application {
	position: relative;
	height: 824px
}

.school_application .wrap {
	z-index: 3
}

.school_application .title_base1 p,
.school_application .title_base1 span {
	color: #fff
}

.school_application .tab {
	display: flex;
	flex-direction: column;
	width: 228px;
	position: absolute;
	left: 361px;
	top: 196px;
	z-index: 3
}

.school_application .tab li {
	height: 100px;
	line-height: 100px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.5);
	margin-bottom: 20px
}

.school_application .tab li.active {
	background: #3090F0;
	border: none
}

.school_application .appli-desc {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.school_application .appli-desc .main {
	display: none
}

.school_application .appli-desc .selected {
	display: block
}

.school_application .appli-desc .selected .box {
	position: absolute;
	top: 216px;
	left: 613px;
	width: 948px;
	height: 537px;
	z-index: 2;
	background: rgba(0, 0, 0, .2);
	padding: 31px 48px 0 48px
}

.school_application .appli-desc .list {
	margin-bottom: 35px
}

.school_application .appli-desc .list h3 {
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	margin-bottom: 13px
}

.school_application .appli-desc .list h3 span {
	display: inline-block;
	margin-right: 12px
}

.school_application .appli-desc .list p {
	font-size: 16px;
	line-height: 26px;
	color: #fff
}

.school_application .appli-desc .list ul li {
	float: left;
	margin-right: 115px;
	text-align: center
}

.school_application .appli-desc .list ul li .imgbox {
	margin-bottom: 20px;
	width: 210px;
	height: 140px;
	display: table-cell;
	vertical-align: middle
}

.school_application .appli-desc .list ul li .imgbox img {
	max-height: 140px;
	margin: 0 auto;
	display: block
}

.school_application .appli-desc .main .bg1 {
	background: url('../images/soultion/soultion2/network_service.png')no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.school_application .appli-desc .main .bg2 {
	background: url('../images/soultion/soultion2/network_service.png')no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.school_application .appli-desc .main .bg5 {
	background: url('../images/soultion/soultion2/network_service.png')no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.school_application .appli-desc .main .bg3 {
	background: url('../images/soultion/soultion2/network_service.png')no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.school_application .appli-desc .main .bg4 {
	background: url('../images/soultion/soultion2/network_service.png')no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.school_application .appli-desc .main .bg6 {
	background: url('../images/soultion/soultion2/network_service.png')no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.school_application .appli-desc .main .bg7 {
	background: url('../images/soultion/soultion2/network_service.png')no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.school_application .appli-desc .main .bg8 {
	background: url('../images/soultion/soultion2/network_service.png')no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.school_application .appli-desc .main .bg9 {
	background: url('../images/soultion/soultion2/network_service.png')no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.school_application .appli-desc .main .bg10 {
	background: url('../images/soultion/soultion2/network_service.png')no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.school-project ul {
	display: flex;
	justify-content: space-between
}

.school-project ul li {
	width: 282px;
	height: 356px;
	overflow: hidden;
	border: 1px solid #d8d8d8;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	position: relative
}

.school-project ul li .imgbox {
	height: 200px
}

.school-project ul li .imgbox img {
	width: 100%
}

.school-project ul li .desc {
	padding: 20px 18px 32px 18px
}

.school-project ul li .desc h3 {
	font-size: 18px;
	line-height: 24px;
	color: #333;
	margin-bottom: 8px;
	text-align: center;
	font-weight: bold
}

.school-project ul li .desc p {
	font-size: 16px;
	line-height: 24px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.school-project ul li .hidden {
	position: absolute;
	bottom: -360px;
	left: 0;
	background: #3090F0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 18px;
	text-align: center;
	transition: .3s;
	transition-timing-function: linear
}

.school-project ul li .hidden h3 {
	color: #fff;
	margin-bottom: 24px;
	font-weight: 550
}

.school-project ul li .hidden p {
	color: #fff
}

.school-project ul li:hover .hidden {
	bottom: 0
}

.school-project .school_btn {
	text-align: center
}

.school-project .more {
	width: 116px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #3090F0;
	color: #3090F0;
	font-size: 14px;
	background: transparent;
	display: inline-block;
	margin-top: 40px
}

.school-project .more:hover {
	background: #3090F0;
	color: #fff
}

.school-product .li {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.school-product .li .list {
	width: 588px;
	height: 280px
}

.school-product .li .list:nth-child(-n+2) {
	margin-bottom: 24px
}

.school-product .li .list .s-pbox {
	display: flex;
	justify-content: space-between
}

.school-product .s-pbox .s-pbox-l {
	padding: 32px 0 0 42px;
	box-sizing: border-box;
	background: #fff;
	flex: 1
}

.school-product .s-pbox .s-pbox-l .s-title {
	font-size: 20px;
	line-height: 28px;
	color: #141612;
	font-weight: 550;
	margin-bottom: 10px
}

.school-product .s-pbox .s-pbox-l .s-label {
	margin-bottom: 30px
}

.school-product .s-pbox .s-pbox-l .s-label .label1 {
	width: 40px;
	height: 18px;
	line-height: 18px;
	background: #3090F0;
	border-radius: 2px;
	color: #fff;
	margin-right: 10px;
	font-size: 12px;
	display: inline-block;
	text-align: center
}

.school-product .s-pbox .s-pbox-l .s-label .label2 {
	font-size: 14px;
	line-height: 18px;
	color: #666
}

.school-product .s-pbox .s-pbox-l ul li {
	position: relative;
	color: #666;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 16px;
	padding-left: 15px
}

.school-product .s-pbox .s-pbox-l ul li:last-child {
	margin-bottom: 0
}

.school-product .s-pbox .s-pbox-l ul li:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #3090F0;
	zoom: 0.6;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

.school-product .s-pbox .spbox-r {
	flex: 1
}

.school-product .s-pbox .spbox-r .imgbox {
	width: 280px;
	height: 280px;
	overflow: hidden
}

.school-product .s-pbox .spbox-r .imgbox img {
	transition: .5s;
	width: 100%
}

.school-product .s-pbox .spbox-r .imgbox:hover img {
	transform: scale(1.1)
}

.s-processing {
	width: 100%;
	height: 500px;
	background: url('../images/soultion/soultion2/oem.png')no-repeat;
	background-size: cover
}

.s-processing .content {
	width: 400px;
	padding: 109px 0 0 82px;
	box-sizing: content-box;
	text-align: center
}

.s-processing .content .title h3 {
	font-size: 40px;
	line-height: 44px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 20px
}

.s-processing .content .title p {
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 60px;
	color: #fff
}

.s-processing .content a {
	width: 186px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 4px;
	transition: .5s
}

.s-processing .content a:hover {
	background: #fff;
	color: #3090F0
}

.c-problem ul {
	display: flex;
	justify-content: space-between
}

.c-problem ul li {
	width: 282px
}

.c-problem ul li .imgbox {
	width: 282px;
	height: 246px;
	margin-bottom: 20px;
	overflow: hidden
}

.c-problem ul li .imgbox img {
	width: 100%;
	transition: 0.5s
}

.c-problem ul li .imgbox:hover img {
	transform: scale(1.1)
}

.c-problem ul li .name {
	text-align: center
}

.c-problem ul li .name h3 {
	font-size: 18px;
	line-height: 22px;
	color: #333;
	margin-bottom: 12px
}

.c-problem ul li .name p {
	font-size: 16px;
	line-height: 20px;
	color: #999
}

.c-solution .solution-c ul {
	display: flex;
	justify-content: space-between
}

.c-solution .solution-c ul li {
	width: 200px
}

.c-solution .solution-c ul li .content {
	text-align: center
}

.c-solution .solution-c ul li .imgbox {
	background: url(../images/construct-sprite.png) no-repeat;
	height: 126px;
	width: 126px;
	margin: 0 auto
}

.c-solution .solution-c ul li .img2 {
	background-position: -160px 0
}

.c-solution .solution-c ul li .img1 {
	background-position: -160px -126px
}

.c-solution .solution-c ul li .img3 {
	background-position: -160px -252px
}

.c-solution .solution-c ul li .img5 {
	background-position: -160px -377px
}

.c-solution .solution-c ul li .img4 {
	background-position: -160px -504px
}

.c-solution .solution-c ul li .img2:hover {
	background-position: 0 0
}

.c-solution .solution-c ul li .img1:hover {
	background-position: 0 -126px
}

.c-solution .solution-c ul li .img3:hover {
	background-position: 0 -252px
}

.c-solution .solution-c ul li .img5:hover {
	background-position: 0 -378px
}

.c-solution .solution-c ul li .img4:hover {
	background-position: 0 -504px
}

.c-solution .solution-c ul li .s-c-t p {
	font-size: 18px;
	line-height: 25px;
	color: #333;
	margin-bottom: 12px
}

.c-solution .solution-c ul li .s-c-c {
	height: 60px
}

.c-solution .solution-c ul li .s-c-c p {
	font-size: 14px;
	line-height: 20px;
	color: #666
}

.c-manage-c-t {
	margin-bottom: 48px
}

.c-manage-c-b {
	display: flex;
	justify-content: space-between
}

.c-manage-c-b .c-manage-c-br {
	width: 720px
}

.c-manage-c-b .c-manage-c-bl {
	width: 428px
}

.c-manage-c-b .c-manage-c-bl h3 {
	font-size: 24px;
	line-height: 33px;
	font-weight: 550;
	color: #333;
	margin-bottom: 32px
}

.c-manage-c-b .c-manage-c-bl ul li {
	position: relative;
	font-size: 16px;
	line-height: 20px;
	color: #333;
	margin-bottom: 32px;
	padding-left: 15px
}

.c-manage-c-b .c-manage-c-bl ul li:last-child {
	margin-bottom: 0
}

.c-manage-c-b .c-manage-c-bl ul li:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #3090F0;
	zoom: 0.6;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

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

.c-video .content .content-l {
	width: 665px
}

.c-video .content .content-r {
	width: 510px;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.c-video .content .content-r .list {
	background: #fff;
	padding: 24px 21px;
	height: 208px;
	box-sizing: border-box
}

.c-video .content .content-r .list .title p {
	position: relative;
	font-size: 16px;
	line-height: 22px;
	padding-left: 30px;
	color: #333;
	font-weight: 550;
	margin-bottom: 14px
}

.c-video .content .content-r .list .title p:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url(../images/construct-icon.png)no-repeat;
	background-size: 100%
}

.c-video .content .content-r .list .desc {
	font-size: 14px;
	line-height: 22px;
	color: #666
}

.c-video .content .content-r .list .p-desc {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.c-video .content .content-r .list .p-desc ul {
	display: inline-block
}

.c-video .content .content-r .list .p-desc ul li {
	float: left;
	margin-right: 40px;
	text-align: center
}

.c-video .content .content-r .list .p-desc ul li:last-child {
	margin-right: 0
}

.c-video .content .content-r .list .p-desc ul li h3 {
	font-size: 20px;
	line-height: 24px;
	color: #3090F0;
	margin-bottom: 5px;
	font-weight: 550
}

.c-video .content .content-r .list .p-desc ul li p {
	font-size: 14px;
	line-height: 20px;
	color: #666
}

.c-video .content .content-r .list .p-desc .imgbox {
	height: 80px;
	display: inline-block
}

.c-video .content .content-r .list .p-desc .imgbox img {
	max-height: 80px
}

.o-solution .solution-c ul li .imgbox {
	background: url('../images/soultion/soultion3/o-sprite.png') no-repeat;
	height: 126px;
	width: 126px;
	margin: 0 auto
}

.o-solution .solution-c ul li .img2:hover {
	height: 126px;
	width: 126px;
	background-position: 0 -126px
}

.o-solution .solution-c ul li .img1:hover {
	height: 126px;
	width: 126px;
	background-position: 0 -252px
}

.o-solution .solution-c ul li .img3:hover {
	height: 126px;
	width: 126px;
	background-position: 0 0
}

.o-solution .solution-c ul li .img5:hover {
	height: 126px;
	width: 126px;
	background-position: 0 -504px
}

.o-solution .solution-c ul li .img4:hover {
	height: 126px;
	width: 126px;
	background-position: 0 -630px
}

.o-solution .solution-c ul li .img6:hover {
	height: 126px;
	width: 126px;
	background-position: 0 -378px
}

.o-solution .solution-c ul li .img3 {
	height: 126px;
	width: 126px;
	background-position: -153px 0
}

.o-solution .solution-c ul li .img2 {
	height: 126px;
	width: 126px;
	background-position: -153px -127px
}

.o-solution .solution-c ul li .img1 {
	height: 126px;
	width: 126px;
	background-position: -153px -254px
}

.o-solution .solution-c ul li .img6 {
	height: 126px;
	width: 126px;
	background-position: -153px -381px
}

.o-solution .solution-c ul li .img5 {
	height: 126px;
	width: 126px;
	background-position: -153px -508px
}

.o-solution .solution-c ul li .img4 {
	height: 126px;
	width: 126px;
	background-position: -153px -633px
}

.o-scheme .scheme-c-t {
	background: transparent;
	border: none;
	padding: 0;
	margin-bottom: 48px
}

.o-scheme .scheme-c-t ul {
	display: flex;
	justify-content: space-between;
	align-content: center
}

.o-scheme .scheme-c-t ul li {
	width: 320px;
	height: 272px;
	padding: 0 30px;
	box-sizing: border-box;
	box-shadow: 0px 4px 12px 0px rgba(56, 60, 92, 0.16)
}

.o-scheme .scheme-c-t ul li.img1 {
	padding: 0;
	box-shadow: none;
	width: 47px
}

.o-scheme .scheme-c-t ul li.img1 div {
	width: 47px;
	height: 40px;
	margin-top: 133px
}

.o-scheme .scheme-c-t ul li.img1 img {
	transform: rotate(-90deg)
}

.o-scheme .scheme-c-t ul li .list h3 {
	padding: 20px 0;
	font-size: 20px;
	color: #3090F0;
	line-height: 20px;
	border-bottom: 1px solid #D8D8D8
}

.o-scheme .scheme-c-t ul li .list .text {
	padding-top: 20px;
	font-size: 16px;
	line-height: 24px;
	color: #666
}

.o-scheme .scheme-c-t ul li .list .desc h4 {
	font-size: 16px;
	color: #141612;
	line-height: 22px;
	margin: 20px 0 12px
}

.o-scheme .scheme-c-t ul li .list .desc p:first-child {
	margin-bottom: 20px
}

.o-scheme .scheme-c-b img {
	margin: 0 auto
}

.blue {
	color: #3090F0
}

.office-gl .content {
	display: flex
}

.office-gl .content .gl-l {
	flex: 1;
	text-align: center
}

.office-gl .content .gl-l h3 {
	margin: 28px 0 28px;
	font-size: 20px;
	color: #141612;
	line-height: 28px
}

.office-gl .content .gl-l ul {
	display: flex;
	justify-content: space-around
}

.office-gl .content .gl-l ul li {
	text-align: center
}

.office-gl .content .gl-l ul li img {
	margin: 0 auto
}

.office-gl .content .gl-l ul li p {
	font-size: 16px;
	color: #666;
	margin-top: 9px
}

.office-gl .content .gl-l .gl-lianxi {
	display: flex;
	justify-content: space-around;
	margin-top: 51px
}

.office-gl .content .gl-r {
	width: 782px
}

.fc-solution .solution-c ul li .imgbox {
	background: url('../images/soultion/soultion4/factorysprite.png') no-repeat;
	height: 126px;
	width: 126px;
	margin: 0 auto
}

.fc-solution .solution-c ul li .img5 {
	background-position: 0 0
}

.fc-solution .solution-c ul li .img4:hover {
	background-position: -142px -127px
}

.fc-solution .solution-c ul li .img4 {
	background-position: 0 -126px
}

.fc-solution .solution-c ul li .img6:hover {
	background-position: -142px -254px
}

.fc-solution .solution-c ul li .img6 {
	background-position: 0 -253px
}

.fc-solution .solution-c ul li .img5:hover {
	background-position: -142px 0
}

.fc-solution .solution-c ul li .img2 {
	background-position: 0 -380px
}

.fc-solution .solution-c ul li .img1:hover {
	background-position: -142px -507px
}

.fc-solution .solution-c ul li .img1 {
	background-position: 0 -507px
}

.fc-solution .solution-c ul li .img3:hover {
	background-position: -142px -634px
}

.fc-solution .solution-c ul li .img3 {
	background-position: 0 -634px
}

.fc-solution .solution-c ul li .img2:hover {
	background-position: -142px -381px
}

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

.fc-application .content .fc-c-l ul {
	background: #F0F7FF;
	width: 200px;
	height: 468px
}

.fc-application .content .fc-c-l ul .tab-item:hover {
	cursor: pointer
}

.fc-application .content .fc-c-l ul .tab-item {
	line-height: 70px;
	height: 70px;
	text-align: center;
	font-size: 16px;
	color: #676767;
	padding: 0 12px;
	border-bottom: 1px solid #D7E1EC
}

.fc-application .content .fc-c-l ul .active {
	background: linear-gradient(270deg, rgba(94, 195, 249, 1) 0%, rgba(48, 144, 240, 1) 100%);
	color: #fff;
	position: relative;
	z-index: 3
}

.fc-application .content .fc-c-l ul .active::after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 20px solid #5DC2F8;
	border-bottom: 10px solid transparent;
	top: 50%;
	right: -10px;
	transform: translateY(-50%);
	z-index: 2
}

.fc-application .content .fc-c-r .main {
	display: none
}

.fc-application .content .fc-c-r .selected {
	display: block
}

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

.fc-rule .content .fc-rule-l {
	width: 782px
}

.fc-rule .content .fc-rule-l img {
	width: 100%
}

.fc-rule .content .fc-rule-r {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 36px;
	box-sizing: border-box
}

.fc-rule .content .fc-rule-r ul li:first-child {
	margin-bottom: 64px
}

.fc-rule .content .fc-rule-r ul li h3 {
	position: relative;
	color: #333;
	font-size: 20px;
	line-height: 40px;
	padding-left: 56px;
	margin-bottom: 24px
}

.fc-rule .content .fc-rule-r ul li h3::before {
	position: absolute;
	content: '';
	width: 40px;
	height: 40px;
	background: url(../images/fc-rule1.png)no-repeat;
	background-size: 100% 100%;
	top: 0;
	left: 0
}

.fc-rule .content .fc-rule-r ul li:last-child h3::before {
	background: url(../images/fc-rule2.png)no-repeat
}

.fc-rule .content .fc-rule-r ul li p {
	position: relative;
	color: #666;
	font-size: 16px;
	line-height: 22px;
	padding-left: 22px;
	margin-bottom: 16px
}

.fc-rule .content .fc-rule-r ul li p::before {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	background: #3090F0;
	border-radius: 50%;
	top: 50%;
	left: 0;
	transform: translateY(-4px)
}

.fc-schme .scheme-c-t {
	margin-bottom: 48px
}

.fc-schme .scheme-c-t ul {
	display: flex;
	justify-content: space-between
}

.fc-schme .scheme-c-t ul li {
	text-align: center;
	width: 176px
}

.fc-schme .scheme-c-t ul li .imgbox {
	width: 150px;
	height: 150px;
	margin: 0 auto 16px;
	display: table-cell;
	vertical-align: middle
}

.fc-schme .scheme-c-t ul li .imgbox img {
	max-height: 150px;
	margin: 0 auto;
	display: block
}

.fc-schme .scheme-c-t ul li p {
	font-size: 16px;
	color: #666;
	line-height: 22px
}

.fc-schme .scheme-c-t ul li:first-child {
	display: table-cell;
	vertical-align: middle
}

.fc-schme .scheme-c-t ul li:first-child p {
	padding: 6px 18px;
	background: #3090F0;
	color: #fff;
	display: inline-block;
	border-radius: 4px
}

.case_advantage {
	padding: 70px 0
}

.case_advantage li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 65px
}

.case_advantage li:nth-child(2n+2) {
	flex-flow: row-reverse
}

.case_advantage li:last-child {
	margin-bottom: 0
}

.case_advantage li div {
	width: 43.5%
}

.case_advantage li .img {
	overflow: hidden
}

.case_advantage li .content span {
	display: block;
	font-size: 20px;
	color: #333;
	position: relative
}

.case_advantage li .content span:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -30px;
	width: 60px;
	height: 2px;
	background: #333
}

.case_advantage li .content p {
	font-size: 16px;
	color: #666;
	margin-top: 90px;
	line-height: 35px
}

.body_office_decoration.case_advantage {
	padding-bottom: 0
}

.office_difference {
	margin-bottom: 70px
}

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

.office_difference li {
	width: 43.5%
}

.office_difference li .img {
	overflow: hidden
}

.office_difference li .content {
	margin-top: 25px
}

.office_difference li .content span {
	display: block;
	font-size: 30px;
	color: #333;
	position: relative
}

.office_difference li .content span:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -30px;
	width: 60px;
	height: 2px;
	background: #333
}

.office_difference li .content p {
	font-size: 20px;
	color: #666;
	margin-top: 90px;
	line-height: 35px
}

.smart_office_help {
	background: #eee
}

.smart_office_help .list {
	overflow: hidden
}

.smart_office_help .list ul {
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 63px
}

.smart_office_help .list ul:nth-child(3) {
	margin-bottom: 70px
}

.smart_office_help .list li {
	text-align: center
}

.smart_office_help .list li:nth-child(1) {
	width: 235px
}

.smart_office_help .list li:nth-child(2) {
	width: 180px
}

.smart_office_help .list li:nth-child(3) {
	width: 195px
}

.smart_office_help .list li img {
	display: inline-block;
	height: 50px
}

.smart_office_help .list li p {
	font-size: 18px;
	color: #666;
	line-height: 25px;
	margin-top: 18px
}

.body_union_office .case_product_ad {
	background: #eee
}

.case_product_ad {
	overflow: hidden
}

.case_product_ad .list {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	margin-bottom: 70px
}

.case_product_ad .list li {
	width: 15%;
	display: inline-block;
	margin-bottom: 25px;
	box-shadow: 0 0 10px 3px rgba(210, 210, 210, 1);
	transition: 0.8s;
	background: #fff
}

.case_product_ad .list li:nth-last-child(-n+6) {
	margin-bottom: 0
}

.case_product_ad .list li:hover {
	box-shadow: 0 0 20px 3px rgba(50, 50, 50, 0.5)
}

.case_product_ad .list li a {
	display: block;
	margin: 30px 0
}

.case_product_ad .list li .img {
	width: 100%;
	height: 125px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.case_product_ad .list li .img img {
	max-height: 90px;
	max-width: 90%
}

.case_product_ad .list li .title {
	line-height: 40px;
	color: #333;
	font-size: 20px;
	text-align: center
}

.win_cooperation {
	display: flex;
	align-items: center;
	justify-content: center;
	background: url('../images/win_cooperation.png') center center no-repeat;
	min-height: 800px
}

.win_cooperation .content {
	width: 830px;
	text-align: center;
	color: #fff
}

.win_cooperation .title {
	font-size: 30px;
	margin-bottom: 40px
}

.win_cooperation .content {
	font-size: 24px;
	line-height: 45px
}

.case_characteristic {
	background: fixed center center no-repeat;
	background-size: cover
}

.case_characteristic .list {
	overflow: hidden
}

.case_characteristic .list ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 63px
}

.case_characteristic .list li {
	color: #fff;
	width: 30%;
	text-align: center
}

.case_characteristic .list li img {
	display: inline-block
}

.case_characteristic .list li span {
	font-size: 20px;
	display: block;
	margin: 30px 0 10px
}

.case_characteristic .list li p {
	font-size: 16px;
	line-height: 30px;
	text-align: left
}

.office_contact {
	padding: 70px 50px;
	background: #c4d9ed;
	width: 520px;
	margin: 0 auto 70px
}

.body_union_office .office_contact {
	margin-top: 0
}

.office_contact .title {
	font-size: 30px;
	text-align: center
}

.office_contact .layui-form-item {
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.office_contact .layui-form-item label {
	font-size: 20px;
	color: #333;
	line-height: 20px;
	margin: 0 0 30px;
	padding: 0;
	width: auto
}

.office_contact .layui-form-item .layui-input-block {
	margin-left: 0;
	width: 100%;
	display: flex;
	flex-flow: row wrap
}

.office_contact .layui-form-item .layui-input-block input {
	padding: 0 35px;
	font-size: 16px;
	height: 50px;
	width: 100%;
	color: #333;
	border-radius: 50px;
	border: none
}

.office_contact .layui-form-item .layui-input-block input:hover {
	background: #e1f0ff
}

.office_contact .layui-form-item .layui-input-block input:focus {
	background: #e1f0ff
}

.office_contact .layui-form-item .layui-input-block input::-moz-placeholder {
	color: #333 !important
}

.office_contact .layui-form-item .layui-input-block input::-webkit-input-placeholder {
	color: #333 !important
}

.office_contact .layui-form-item .layui-input-block input:-ms-input-placeholder {
	color: #333 !important
}

.office_contact .layui-form-item .layui-input-block .layui-form-radio {
	padding: 0;
	margin: 0;
	height: 25px;
	line-height: 25px
}

.office_contact .layui-form-item .layui-input-block .layui-input-inline {
	width: 30%
}

.office_contact .layui-form-item .layui-input-block .layui-input-inline:last-child {
	margin-right: 0
}

.office_contact .layui-form-item .layui-input-block.checkbox {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.office_contact .layui-form-item .layui-input-block.checkbox li {
	display: inline-flex;
	flex-direction: column
}

.office_contact .layui-form-item .layui-input-block.checkbox li .layui-form-radio:first-of-type {
	margin-bottom: 10px
}

.office_contact .layui-form-item .layui-input-block.radiobox {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.office_contact .layui-form-item .layui-input-block.radiobox li {
	display: inline-flex;
	flex-direction: column
}

.office_contact .layui-form-item .layui-input-block.radiobox li .layui-form-radio:first-of-type {
	margin-bottom: 10px
}

.office_contact .layui-form-item .layui-input-block.radiobox li i {
	color: #666;
	height: 25px;
	line-height: 25px
}

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

.lh_office .layui-input-inline:first-child {
	width: 40% !important
}

.lh_office .layui-input-inline:last-child {
	width: 50% !important
}

.office_contact .layui-form-select input {
	padding: 0 20px !important
}

.office_contact .layui-form-select dl {
	top: 50px
}

.office_contact .select_animated {
	animation-fill-mode: backwards !important
}

.office_contact .checkbox li .layui-form-checkbox {
	margin-top: 18px
}

.office_contact .checkbox li .layui-form-checkbox:nth-of-type(1) {
	margin-top: 0 !important
}

.office_contact .layui-form-checkbox span {
	color: #333;
	padding-right: 0;
	float: none
}

.office_contact .layui-form-checkbox i {
	border: 1px solid #666
}

.office_contact .layui-form-checked i {
	border-color: #666;
	background-color: #fff;
	color: #000
}

.office_contact .layui-form-checkbox:hover i {
	border: 1px solid #666
}

.office_contact .layui-form-checked:hover i {
	color: #000
}

.office_contact button {
	width: 100%;
	border-radius: 50px;
	background: #fff;
	opacity: 1 !important;
	color: #333 !important;
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	border: none;
	cursor: pointer
}

.office_contact button:hover {
	background: #e1f0ff
}

.case_programme .list ul {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap
}

.case_programme .list ul li {
	position: relative;
	overflow: hidden;
	margin-bottom: 1.5rem;
	width: 285px;
	height: 210px
}

.case_programme .list ul li:nth-last-child(-n+4) {
	margin-bottom: 0
}

.case_programme .list ul li>img {
	transition: all 1s ease;
	height: 100%;
	width: 100%
}

.case_programme .list ul li:hover>img {
	transform: scale3D(1.1, 1.1, 1.1)
}

.case_programme .list ul li a {
	position: absolute;
	z-index: 2;
	bottom: 0;
	font-size: 20px;
	left: 0;
	color: #fff;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.case_programme .list ul li .content {
	text-align: center
}

.case_programme .list ul li .content span {
	margin-top: 30px;
	font-size: 24px;
	display: inline-flex;
	align-items: center;
	padding-right: 25px;
	position: relative
}

.case_programme .list ul li:hover .content span {
	color: #3090F0
}

.case_programme .list ul li .content span:after {
	background: url('../images/b_more.png') right center no-repeat;
	content: '';
	height: 100%;
	width: 12px;
	position: absolute;
	right: 0;
	top: 0
}

.case_programme .list ul li:hover .content span:after {
	background: url('../images/l_more.png') right center no-repeat
}

.temperature_detection .product_banner .content .title {
	font-size: 50px;
	text-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
	margin-bottom: 60px
}

.temperature_detection .product_banner .content .nr {
	font-size: 30px;
	line-height: 60px
}

.temperature_detection .propaganda .content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}

.temperature_detection .propaganda .pc {
	display: block
}

.temperature_detection .propaganda .pc {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}

.temperature_detection .propaganda .mobile {
	display: none
}

.temperature_detection .propaganda .video {
	position: relative;
	z-index: 1;
	max-width: 600px;
	height: auto !important;
	flex: 1
}

.temperature_detection .propaganda .video video {
	max-width: 100%;
	max-height: 500px
}

.temperature_detection .propaganda .text {
	width: 460px;
	font-size: 18px;
	line-height: 30px;
	display: flex;
	flex-direction: column;
	align-items: center
}

.temperature_detection .propaganda .zx {
	flex-basis: 100%
}

.temperature_detection .propaganda button {
	border: 1px solid #3090F0;
	width: 200px;
	line-height: 50px;
	background: none;
	color: #3090F0;
	border-radius: 50px;
	cursor: pointer;
	margin-top: 50px;
	font-size: 18px
}

.temperature_detection .propaganda button:hover {
	background: #3090F0;
	color: #fff
}

.temperature_detection .applicable_scenario .list ul li:hover .box2 .text {
	top: 0
}

.system_function {
	overflow: hidden;
	background: #eee
}

.system_function .list {
	display: flex;
	justify-content: space-between;
	margin-bottom: 70px;
	flex-flow: row wrap
}

.system_function .list li {
	width: 31.6%;
	height: 345px;
	box-shadow: 0 0 10px 3px rgba(210, 210, 210, 1);
	background: #fff;
	transition: 0.5s;
	margin-bottom: 30px
}

.system_function .list li:hover {
	box-shadow: 0 0 20px 3px rgba(50, 50, 50, 0.5)
}

.system_function .list li a {
	display: block;
	text-align: center;
	margin-top: 70px
}

.system_function .list li .img {
	text-align: center
}

.system_function .list li .img img {
	max-height: 100%;
	transition: 0.5s;
	display: inline-block;
	height: 50px
}

.system_function .list li .title {
	margin-top: 25px
}

.system_function .list li .title span {
	line-height: 25px;
	display: block;
	margin-bottom: 15px;
	color: #333;
	font-size: 20px
}

.system_function .list li .title p {
	font-size: 16px;
	color: #999;
	margin: 0 35px;
	line-height: 30px;
	text-align: left
}

.system_function.list4 li {
	width: 23.4%
}

.system_function.list4 li:nth-last-child(-n+4) {
	margin-bottom: 0
}

.system_function.list5 li {
	width: 23%;
	padding: 70px 0
}

.system_function.list5 li:nth-last-child(-n+5) {
	margin-bottom: 0
}

.system_function.list5 li a {
	margin-top: 0
}

.system_function.zmf li {
	height: 280px
}

.temperature_detection .applicable_product {
	margin-top: 0px
}

.applicable_product .content {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.applicable_product .content .text {
	max-width: 64%
}

.applicable_product .content .text .title {
	font-size: 30px;
	color: #333;
	margin-bottom: 30px
}

.applicable_product .content .text .ms {
	font-size: 20px;
	color: #666;
	line-height: 34px
}

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

.applicable_warehouse .content li {
	width: 24%
}

.applicable_qualifications .content {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap
}

.applicable_qualifications .content li {
	margin-bottom: 35px
}

.applicable_qualifications .content li:nth-last-child(-n+5) {
	margin-bottom: 0
}

.applicable_qualifications .content li img {}

.applicable_contact .office_contact {
	background: #94c4e5;
	width: 620px;
	margin-bottom: 0
}

.applicable_contact .office_contact .layui-form-item {
	margin-bottom: 70px
}

.applicable_contact .office_contact .layui-form-item .layui-input-block input {
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	padding: 0 20px 0 30px !important
}

.applicable_contact .title {
	font-size: 20px;
	text-align: center;
	color: #333;
	margin-bottom: 70px
}

.applicable_contact .office_contact button {
	font-size: 20px;
	height: 60px;
	line-height: 60px;
	margin-top: 0
}

.applicable_contact .office_contact .layui-form-select dl {
	top: 60px
}

.applicable_contact .office_contact .layui-form-selectup dl {
	top: auto;
	bottom: 60px
}

.system_advantage {}

.system_advantage .list ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 70px
}

.system_advantage .list ul li {
	position: relative;
	overflow: hidden
}

.system_advantage .list ul li>img {
	transition: 0.5s;
	width: 100%;
	height: 100%;
	position: relative
}

.system_advantage .list ul li::after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.35)
}

.system_advantage .list ul li:hover>img {
	transform: scale(1.1)
}

.system_advantage .list ul li .box {
	position: absolute;
	z-index: 2;
	color: #fff;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	text-align: center;
	transition: 0.3s
}

.system_advantage .list ul li:hover .box {
	opacity: 0
}

.system_advantage .list ul li .box .img {
	display: inline-block;
	margin: 0 30px;
	font-size: 18px
}

.system_advantage .list ul li .box .img img {
	display: inline-block;
	height: 80px
}

.system_advantage .list ul li .box span {
	display: block;
	font-size: 24px
}

.system_advantage .list ul li .box .img .cir-wrap {
	opacity: 1;
	transition-duration: .5s;
	display: inline-block;
	position: relative;
	margin-bottom: 30px
}

.system_advantage .list ul li .box .img .cir-wrap:after {
	position: absolute;
	width: 20px;
	height: 3px;
	left: 50%;
	bottom: -20px;
	margin-left: -10px;
	background: #fff;
	content: ''
}

.system_advantage .list ul li .box .content {
	font-size: 20px;
	line-height: 30px;
	word-break: break-all
}

.system_advantage .list ul li .box2 {
	position: absolute;
	z-index: 2;
	color: #fff;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	text-align: center;
	opacity: 1;
	transition: 0.3s
}

.system_advantage .list ul li:hover .box2 {
	opacity: 1
}

.system_advantage .list ul li .box2 .text {
	min-height: 40%;
	width: 84%;
	margin: 0 auto;
	position: relative;
	top: 45px;
	transition: 0.3s;
	height: 200px
}

.system_advantage .list ul li:hover .box2 .text {
	top: -40px
}

.system_advantage .list ul li .box2 .text .cir-wrap {
	opacity: 1;
	transition-duration: .5s;
	display: inline-block;
	position: relative;
	margin-bottom: 10px
}

.system_advantage .list ul li .box2 .text .cir-wrap img {
	height: 60px;
	max-width: 100%
}

.system_advantage .list ul li .box2 .text .title {
	font-size: 24px;
	margin-bottom: 20px;
	position: relative
}

.system_advantage .list ul li .box2 .text .title:before {
	content: '';
	width: 40px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: -20px
}

.system_advantage .list ul li .box2 .text .content {
	opacity: 0;
	font-size: 20px;
	line-height: 30px;
	margin-top: 30px;
	word-break: break-all;
	transition: 0.3s
}

.system_advantage .list ul li:hover .box2 .text .content {
	opacity: 1
}

.relevant_news {
	margin: 2rem auto 0;
	background: #fff;
	padding: 1rem;
	display: none
}

.relevant_news .title {
	font-size: 1.6rem;
	border-bottom: 1px solid #ccc;
	line-height: 3rem;
	margin-bottom: 0.5rem
}

.relevant_news ul {}

.relevant_news ul li {
	line-height: 2.2rem
}

.pdf-btn {
	text-align: center;
	margin: 40px 0px
}

.pdf-btn .media {
	width: 250px;
	line-height: 50px;
	height: 50px;
	border: 1px solid #3090F0;
	color: #3090F0;
	border-radius: 50px;
	font-size: 18px;
	display: inline-block
}

#form1 .layui-form {
	padding: 32px 45px;
	background: #fff;
	border-radius: 10px
}

#form1 .form-title {
	text-align: center;
	padding-bottom: 32px;
	border-bottom: 1px dashed #d8d8d8
}

#form1 .form-title h3 {
	font-size: 34px;
	font-weight: 600;
	color: rgba(48, 144, 240, 1);
	line-height: 42px;
	margin-bottom: 12px
}

#form1 .form-title p {
	font-size: 16px;
	font-weight: 500;
	color: rgba(99, 99, 99, 1);
	line-height: 20px
}

#form1 input {
	border: 1px solid #d8d8d8;
	border-radius: 4px
}

#form1 .telephone {
	width: 100%
}

#form1 .layui-form-item {
	margin: 23px 0
}

#form1 .layui-form-item label {
	font-size: 16px;
	font-weight: bold;
	color: rgba(45, 47, 54, 1);
	line-height: 22px;
	display: block;
	float: none;
	width: auto;
	text-align: left;
	padding: 0 0 12px
}

#form1 .layui-form-item label .color-red {
	color: #F04343
}

#form1 .layui-input-block {
	margin-left: 0
}

#form1 .layui-btn {
	width: 100%;
	height: 52px;
	line-height: 52px;
	color: #fff;
	background-color: #3090F0;
	font-size: 16px
}

#form1 .area1 {
	display: flex;
	justify-content: space-between;
	width: 100%
}

.n_banner .text {
	text-align: center
}

.n_banner .text:after {
	display: none
}

.n_banner .video-title {
	font-size: 50px;
	margin-bottom: 20px;
	font-weight: bold;
	letter-spacing: 0.8rem
}

.n_banner .video-t-desc {
	font-size: 30px
}

.n_banner .video-text {
	line-height: normal;
	font-size: medium;
	white-space: normal
}

.npd-content .localation {
	padding: 20px 0;
	color: #999;
	font-size: 12px
}

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

.npd-content .Nproduct .swiper-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto
}

.Nproduct .swiper-slide {
	background-size: cover;
	background-position: center
}

.Nproduct .gallery-top {
	height: 472px !important;
	width: 100%;
	overflow: hidden
}

.Nproduct .gallery-thumbs {
	height: 83px !important;
	box-sizing: border-box;
	padding: 10px 0
}

.Nproduct .gallery-thumbs .swiper-slide {
	width: 120px !important;
	height: 100%;
	opacity: 0.4
}

.Nproduct .gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1
}

.Nproduct .p-t .p-t-l {
	float: left;
	width: 680px
}

.Nproduct .p-t .p-t-r {
	float: right;
	width: 440px
}

.Nproduct .p-t .p-t-r .title {
	border-bottom: 1px solid #d8d8d8
}

.Nproduct .p-t .p-t-r .title h3 {
	font-size: 30px;
	font-weight: bold;
	color: #333;
	line-height: 42px;
	margin-bottom: 20px
}

.Nproduct .p-t .p-t-r .title span {
	font-size: 14px;
	line-height: 20px;
	color: #999;
	margin-bottom: 22px;
	display: block
}

.Nproduct .p-t .p-t-r .listbox {
	margin-top: 30px;
	margin-bottom: 64px
}

.Nproduct .p-t .p-t-r .listbox ul li {
	position: relative;
	padding-left: 38px;
	line-height: 26px;
	margin-bottom: 30px;
	font-size: 14px;
	color: #666
}

.Nproduct .p-t .p-t-r .listbox ul li:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 26px;
	background-size: 100% 100%;
	content: ''
}

.Nproduct .p-t .p-t-r .listbox ul .nplist1::before {
	background: url(../images/nplist1.png)no-repeat
}

.Nproduct .p-t .p-t-r .listbox ul .nplist2::before {
	background: url(../images/nplist2.png)no-repeat
}

.Nproduct .p-t .p-t-r .listbox ul .nplist3::before {
	background: url(../images/nplist3.png)no-repeat
}

.Nproduct .p-t .p-t-r .listbox ul .nplist4::before {
	background: url(../images/nplist4.png)no-repeat
}

.Nproduct .p-t .p-t-r .listbox ul .nplist5::before {
	background: url(../images/nplist5.png)no-repeat
}

.Nproduct .p-t .p-t-r .listbox ul .nplist6::before {
	background: url(../images/nplist6.png)no-repeat
}

.Nproduct .p-t .p-t-r .r-btn a {
	width: 134px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	background: #3090f0;
	border-radius: 4px;
	display: inline-block;
	margin-right: 24px
}

.Nproduct .p-b .h-contact {
	padding: 0
}

.Nproduct .p-b .h-contact ul {
	padding: 20px 22px;
	background: url(../images/news-bg.jpg)no-repeat;
	background-size: cover;
	display: inline-block
}

.Nproduct .p-b .h-contact ul li {
	margin-bottom: 20px
}

.Nproduct .p-b .h-contact ul li:last-child {
	margin-bottom: 0
}

.Nproduct .p-b .h-contact ul li p {
	color: #fff;
	margin-bottom: 6px
}

.Nproduct .p-b .h-contact ul li p:last-child {
	font-size: 16px;
	line-height: 22px
}

.Nproduct .p-b .h-contact ul li span {
	display: inline-block;
	margin-right: 5px
}

.Nproduct .p-b .h-contact ul li .cont {
	height: 16px;
	width: 16px;
	background-position: 0 -16px
}

.Nproduct .p-b .h-contact ul li .local {
	height: 16px;
	width: 16px;
	background-position: 0 0
}

.Nproduct .p-b .qrcode {
	text-align: center;
	padding: 30px 0 42px;
	background: rgba(222, 223, 227, 0.24);
	border: 1px solid rgba(151, 151, 151, 0.24)
}

.Nproduct .p-b .qrcode .img {
	width: 128px;
	margin: 0 auto
}

.Nproduct .p-b .qrcode .img img {
	width: 100%
}

.Nproduct .p-b .qrcode p {
	font-size: 14px;
	color: #000;
	line-height: 20px;
	margin-top: 20px
}

.Nproduct .p-b {
	display: flex;
	justify-content: space-between;
	margin-top: 40px
}

.Nproduct .p-b .p-b-l {
	width: 282px
}

.Nproduct .p-b .p-b-l h3 {
	background: #d8d8d8;
	text-align: center;
	font-size: 16px;
	color: #333;
	display: block;
	line-height: 54px
}

.Nproduct .p-b .p-b-l .pCenter {
	border: 1px solid #D8D8D8;
	margin-bottom: 24px
}

.Nproduct .p-b .p-b-l .pCenter ul li {
	line-height: 58px;
	text-align: center;
	border-bottom: 1px solid #ebebeb;
	margin: 0 16px
}

.Nproduct .p-b .p-b-l .pCenter ul li:last-child {
	border-bottom: none
}

.Nproduct .p-b .p-b-l .pCenter ul li:hover {
	background: #EAF3FD;
	cursor: pointer
}

.Nproduct .p-b .p-b-l .pCenter ul li:hover a {
	color: #3090F0
}

.Nproduct .recommendP {
	border: 1px solid #d8d8d8;
	margin-bottom: 24px
}

.Nproduct .recommendP ul {
	padding: 24px
}

.Nproduct .recommendP ul li .imgbox {
	width: 230px;
	height: 160px
}

.Nproduct .recommendP ul li .imgbox img {
	width: 100%
}

.Nproduct .recommendP ul li p {
	text-align: center
}

.Nproduct .npSoultion {
	border: 1px solid #d8d8d8;
	margin-bottom: 24px
}

.Nproduct .npSoultion ul {
	padding: 24px
}

.Nproduct .npSoultion ul li .imgbox {
	width: 230px;
	height: 160px
}

.Nproduct .npSoultion ul li .imgbox img {
	width: 100%
}

.Nproduct .npSoultion ul li p {
	text-align: center
}

.Nproduct .p-b-r {
	width: 894px
}

.Nproduct .p-b-r .p-b-r-c {
	border: 1px solid #d8d8d8;
	display: inline-block
}

.Nproduct .p-b-r .tab {
	background: #F5F6F7;
	height: 54px;
	width: 100%
}

.tab li {
	position: relative;
	float: left;
	width: 148px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	cursor: pointer;
	color: #666
}

.tab span {
	position: absolute;
	right: 0;
	top: 10px;
	background: #ddd;
	width: 1px;
	height: 14px;
	overflow: hidden
}

.products {
	width: 100%;
	box-sizing: border-box;
	display: inline-block
}

.products .main {
	float: left;
	display: none
}

.products .main video {
	width: 100%
}

.products .main.selected {
	display: block
}

.tab li.active {
	background: #3090F0;
	color: #fff
}

.products .main .imglist {
	margin-top: 32px
}

.Nproduct .p-b-r .sx {
	display: block;
	margin: 40px 0;
	height: 22px
}

.Nproduct .p-b-r .sx .prev {
	float: left
}

.Nproduct .p-b-r .sx .next {
	float: right
}

.Nproduct .p-b-r .ptable {
	border-color: #d8d8d8;
	width: 100%
}

.Nproduct .p-b-r .ptable tr {
	height: 46px;
	line-height: 46px
}

.Nproduct .p-b-r .ptable tr th {
	width: 178px;
	font-size: 16px;
	font-weight: normal;
	color: #333
}

.Nproduct .p-b-r .ptable tr td {
	text-align: center;
	font-size: 16px;
	color: #333
}

.Nproduct .p-b-r .ptable .lei th {
	background: #3090F0;
	color: #fff
}

.Nproduct .p-b-r .ptable .lei td {
	background: #EAF4FE
}

.tags_list li {}

.tags_list ul {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	margin: 0 -5px 50px
}

.tags_list ul li {
	margin: 0 5px 10px;
	font-size: 12px;
	padding: 3px 15px;
	border: 1px solid #999a9c;
	border-radius: 19px;
	display: inline-block;
	line-height: 25px;
	cursor: pointer
}

.tags_list ul li a {
	color: #999;
	font-size: 12px
}

.tags_list ul li:hover {
	border-color: #3090F0
}

.tags_list ul li:hover a {
	color: #3090F0
}

.tags_list ul li:hover p {
	color: #3090F0
}

.tags_list ul li.active {
	border-color: #3090F0;
	color: #3090F0
}

.about_megvii-history {
	padding-bottom: 100px
}

.about_megvii-history .title_base p {
	color: #fff
}

.about_megvii-history .card-title {
	color: #fff;
	z-index: 1;
	position: relative
}

.about_megvii-history .swiper-slide .years {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 55px;
	padding: 0 46px
}

.about_megvii-history .swiper-slide .years span {
	font-size: 50px;
	font-weight: bolder;
	color: rgba(255, 255, 255, .5);
	line-height: 84px;
	flex: 1;
	cursor: pointer
}

.about_megvii-history .swiper-pagination .swiper-pagination-bullet span.end span,
.about_megvii-history .swiper-slide .years span.end span {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 100%;
	position: relative;
	top: -12px
}

.about_megvii-history .swiper-slide .years span.end span:after,
.about_megvii-history .swiper-slide .years span.end span:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 100%
}

.about_megvii-history .swiper-slide .years span.end span:before {
	left: -15px
}

.about_megvii-history .swiper-slide .years span.end span:after {
	left: -30px
}

.about_megvii-history .swiper-slide .years span:nth-child(2) {
	color: #fff;
	text-align: center;
	cursor: auto;
	font-size: 75px;
	line-height: 112px
}

.about_megvii-history .swiper-slide .years span:last-child {
	text-align: right
}

.about_megvii-history .swiper-slide .animate {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	bottom: 0
}

.about_megvii-history .swiper-slide .animate .line {
	width: 2px;
	height: 20px;
	margin-bottom: 8px;
	background-color: #fff;
	-webkit-animation: animate_line 3s .3s linear both infinite;
	animation: animate_line 3s .3s linear both infinite
}

.about_megvii-history .swiper-slide:last-child .years span:last-child {
	cursor: auto
}

.swiper-pagination-clickable .swiper-pagination-bullet.about_megvii-more {
	cursor: default;
	font-size: 40px !important
}

.swiper-pagination-clickable .swiper-pagination-bullet.about_megvii-more:hover {
	color: rgba(255, 255, 255, .4) !important
}

.about_megvii-history .swiper-slide .animate .text {
	font-size: 12px;
	color: #fff;
	line-height: 17px
}

.about_megvii-history .swiper-slide {
	overflow: hidden;
	height: 520px
}

.about_megvii-history .swiper-slide .main {
	height: 268px;
	overflow-y: scroll;
	overflow-x: hidden;
	position: absolute;
	left: -20px;
	right: -20px;
	text-align: center
}

.about_megvii-history .swiper-slide .content {
	font-size: 16px;
	color: #fff;
	line-height: 22px;
	margin-top: 20px;
	width: 490px;
	position: relative;
	left: 44%
}

.about_megvii-history .swiper-slide .content .event {
	position: relative;
	text-align: left
}

.about_megvii-history .swiper-slide .content .desc {
	line-height: 32px;
	font-size: 18px;
	white-space: pre
}

.about_megvii-history .swiper-slide .content .event .month {
	font-size: 20px;
	font-weight: bolder;
	color: #fff;
	line-height: 28px;
	margin-right: 10px;
	position: absolute;
	left: -60px;
	top: -5px
}

.about_megvii-history .swiper-slide .content .event .line {
	width: 7px;
	height: 7px;
	background: #fff;
	border-radius: 100%;
	display: inline-block;
	margin-right: 16px;
	position: absolute;
	top: 6px;
	left: -4px
}

.about_megvii-history .swiper-slide .content .event:after {
	content: "";
	position: absolute;
	top: 11px;
	left: -1px;
	bottom: -11px;
	width: 1px;
	background-color: #fff;
	text-align: right
}

.about_megvii-history .swiper-slide .content .event:last-child:after {
	display: none
}

.about_megvii-history .swiper-pagination {
	bottom: 40px
}

.about_megvii-history .swiper-pagination .swiper-pagination-bullet {
	font-size: 20px;
	color: rgba(255, 255, 255, .4);
	line-height: 28px;
	margin-right: 64px;
	width: auto;
	height: auto;
	opacity: 1;
	background: 0 0;
	transform: scale(1)
}

.about_megvii-history .swiper-pagination .swiper-pagination-bullet-active {
	color: #fff;
	position: relative
}

.about_megvii-history .swiper-pagination .swiper-pagination-bullet-active:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #fff;
	bottom: 0
}

.about_megvii-history .parallax-bg {
	background-image: url('../images/company/lichengbei.jpg');
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 130%;
	height: 100%;
	background-size: cover;
	background-position: center
}

.about_megvii-history .swiper-button-next,
.about_megvii-history .swiper-button-prev {
	background: 0 0;
	width: 200px;
	height: 84px;
	top: 194px;
	margin: 0
}

.about_megvii-history .swiper-button-prev {
	left: 0
}

.about_megvii-history .swiper-button-next {
	right: 0
}

.about_megvii-history .swiper-pagination .swiper-pagination-bullet:hover {
	color: #fff
}

.li6 li {
	margin-bottom: 20px !important;
	width: 30% !important
}

.search_txt {
	border-bottom: 1px solid;
	margin-bottom: 20px
}

.download-tab .active a {
	color: #3090F0
}

.download-tab li {
	position: relative;
	float: left;
	width: 100%;
	height: 54px;
	line-height: 54px;
	text-align: center;
	cursor: pointer;
	color: #666;
	border-bottom: 1px solid #eee
}

.download-list .title1 {
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	font-size: 30px;
	font-weight: bold
}

.download-list .title2 {
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 15px
}

.download-list .title2 .title2-ms {
	width: 70%;
	padding-left: 20%;
	color: #1f85e6;
	font-size: 18px;
	display: inline-block
}

.download-list .title2 a {
	padding-left: 21px;
	background: url('../images/download/download.png')no-repeat left center;
	color: #999999;
	font-size: 12px
}

.download-list img {
	width: 20%
}

.info_title {
	font-size: 26px;
	font-weight: normal;
	margin: 1% 0 2%;
	position: relative;
	padding-left: 15px
}

.policy_info {
	margin-bottom: 5%;
	line-height: 36px;
	color: #2f2f2f
}

.policy_info .box {
	padding: 0 15px 2%
}

.policy_info .box .box_title {
	line-height: 3;
	font-size: 18px;
	color: #2f2f2f
}

.policy_info ul {
	padding-left: 15px
}

.policy_info ul span {
	width: 18px;
	line-height: 18px;
	border-radius: 100%;
	background: #666666;
	color: #fff;
	display: inline-block;
	margin-right: 5px;
	text-align: center
}

.info_title:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	background: #28abe9;
	height: 100%;
	border-radius: 20px
}

.after_safe_tabel table {
	width: 100%;
	max-width: 1067px;
	text-align: center;
	line-height: 36px;
	background: #fafafa;
	margin-bottom: 2%
}

.after_safe_tabel table td {
	border: 1px solid #d7d7d7;
	width: 25%
}

.after_safe_tabel table .top td {
	background: #28abe9;
	color: #fff
}

.dot {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.FAQ_list {
	max-width: 1100px;
	margin: 0 auto;
	margin-bottom: 35px
}

.FAQ_list .title {
	line-height: 30px;
	padding: 15px 0;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	color: #666;
	font-weight: normal;
	border-bottom: 1px solid #ececec;
	margin: 0
}

.FAQ_list .info {
	padding: 2%;
	background: #f7f7f7;
	border-radius: 10px;
	color: #646464;
	line-height: 32px;
	margin-bottom: 2%
}

.FAQ_list .title i {
	position: absolute;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	right: 0;
	top: 50%;
	margin-top: -11px
}

.FAQ_list .title i::before,
.FAQ_list .title i::after {
	position: absolute;
	content: '';
	background: #b0b0b0
}

.FAQ_list .title i::before {
	left: 0;
	width: 100%;
	height: 3px;
	top: 50%;
	margin-top: -1px
}

.FAQ_list .title i::after {
	left: 50%;
	margin-left: -1px;
	width: 3px;
	top: 0;
	height: 100%
}

.module_AVhT8 {
	padding: 40px 0;
	text-align: left;
	border-bottom: 1px solid #e6e8eb
}

.module_AVhT8 .title_2WWnm {
	font-size: 18px;
	line-height: 26px;
	color: #565e66;
	margin-bottom: 24px
}

.params_34q1I {
	display: flex;
	flex-wrap: wrap
}

.params_34q1I .param_2pdLU {
	display: flex;
	align-items: flex-start;
	width: 50%;
	margin-bottom: 16px
}

.params_34q1I .label_2Mc2w {
	display: inline-block;
	width: 100px;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	color: #0e1114;
	padding-right: 8px;
	word-break: break-word
}

.params_34q1I .value_KtREM {
	flex: 1;
	font-size: 14px;
	line-height: 22px;
	color: #565e66;
	padding-right: 8px;
	word-break: break-word
}