@media only screen and (max-width:640px) {
	* {
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch
	}

	html {
		font-size: 62.5%
	}

	body.open-menu {
		overflow: hidden
	}

	body.open-menu .layadmin-body-shade {
		transition: .3s;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-transform: translate3d(15rem, 0, 0);
		z-index: 999;
		background: rgba(0, 0, 0, 0.3);
		overflow: hidden
	}

	body>.header,
	body>.main_box {
		transition: .3s
	}

	body.open-menu>.header,
	body.open-menu>.main_box {
		-webkit-transform: translate3d(15rem, 0, 0);
		transform: translate3d(15rem, 0, 0)
	}

	.wrap {
		width: auto;
		margin: 0 2rem
	}

	body>.nav {
		width: 15rem;
		-webkit-transform: translate3d(-15rem, 0, 0);
		transform: translate3d(-15rem, 0, 0);
		transition: .3s
	}

	body.open-menu .nav {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	.loading .box img {
		width: 60%;
		display: inline-block;
		margin-bottom: 1.5rem;
		height: auto
	}

	.loading .box p {
		width: 60%;
		margin: 0 auto;
		font-size: 3rem
	}

	.nav .layui-nav-tree {
		position: absolute;
		left: 0;
		min-height: 100%;
		padding: 1rem 0;
		background: #202121;
		border-radius: 0;
		width: 100%
	}

	.nav .layui-nav .layui-nav-item {
		line-height: 45px
	}

	.nav .layui-nav .layui-nav-item p {
		padding: 0 2rem
	}

	.nav .layui-nav .layui-nav-item p a {
		display: inline-block;
		vertical-align: middle;
		font-size: 1.8rem;
		background: 0
	}

	.nav .layui-nav .layui-nav-item.layui-this p a {
		color: #000 !important
	}

	.nav .layui-nav-tree .layui-nav-child {
		top: 0;
		border-radius: 0
	}

	.nav .layui-nav-tree .layui-nav-child dd.layui-this,
	.nav .layui-nav-tree .layui-nav-child dd.layui-this a,
	.nav .layui-nav-tree .layui-this,
	.nav .layui-nav-tree.layui-this>a,
	.nav .layui-nav-tree .layui-this>a:hover {
		background: #298acb
	}

	.nav .layui-nav-tree .layui-nav-more {
		display: block
	}

	.nav .layui-nav-itemed>.layui-nav-child {
		background-color: #202121 !important
	}

	.nav .layui-nav .layui-nav-item .layui-nav-child a {
		padding: 0 2rem;
		font-size: 1.6rem;
		color: #fff
	}

	.pc_nav {
		display: none
	}

	.mobile_nav {
		display: block
	}

	.layui-nav-tree .layui-nav-item a:hover {
		background: 0
	}

	.main_box {
		position: relative;
		top: 4rem;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: auto
	}

	.body_parentid_16 .main_box {
		top: 4rem
	}

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

	body.open-menu .main_box {
		position: fixed
	}

	.header .nav {
		text-align: center;
		height: 4rem
	}

	.header .nav .logo {
		float: none;
		display: inline-block;
		top: 1rem;
		margin: 0;
		position: relative
	}

	.header .nav .logo img {
		height: 2rem
	}

	.nav_menu {
		position: absolute;
		width: 20px;
		height: 14px;
		cursor: pointer;
		left: 0;
		top: 1.3rem
	}

	.nav_menu .line {
		position: absolute;
		display: block;
		width: 100%;
		height: 2px;
		background-color: #fff;
		left: 0;
		transition: all .5s ease;
		margin: 0
	}

	.nav_menu .line1 {
		top: 0;
		-webkit-transform-origin: left top 0;
		-ms-transform-origin: left top 0;
		transform-origin: left top 0
	}

	.nav_menu .line2 {
		top: 7px
	}

	.nav_menu .line3 {
		top: 100%;
		-webkit-transform-origin: left bottom 0;
		-ms-transform-origin: left bottom 0;
		transform-origin: left bottom 0
	}

	.nav_menu.cur .line1 {
		transform: rotate(47deg)
	}

	.nav_menu.cur .line2 {
		display: none
	}

	.nav_menu.cur .line3 {
		transform: rotate(-47deg)
	}

	.title_base {
		padding: 1.5rem 0;
		margin: 0 2rem
	}

	.title_base p,
	.title_base h1 {
		line-height: 2.4rem;
		font-size: 1.6rem
	}

	.title_base.has_h {
		padding-bottom: 2rem
	}

	.title_base span {
		font-size: 1.4rem;
		margin: 0;
		line-height: 2rem
	}

	.title_base i {
		bottom: 1.5rem
	}

	.model_base {
		margin-bottom: 2rem
	}

	.model_icon {
		height: 3rem
	}

	.model_title {
		margin: .5rem 0;
		font-size: 1.2rem
	}

	.model_content {
		font-size: 1rem;
		line-height: 1.5rem
	}

	.banner .swiper-slide {
		height: 18rem
	}

	.banner .content {
		width: 65%;
		margin: 0 auto
	}

	.banner .content.temperature {
		padding-left: 5rem
	}

	.banner .content .banner_fz_img {
		height: 12rem
	}

	.banner .content .title {
		font-size: 1.6rem
	}

	.banner .content .ms {
		font-size: 1.4rem;
		margin: 0 0 1rem;
		line-height: 1.5rem
	}

	.banner .content .text {
		font-size: 1.2rem
	}

	.banner .content .text li {
		line-height: 1.5rem;
		margin-bottom: .1rem
	}

	.banner .content .text li span {
		width: 1.5rem;
		margin-right: .5rem;
		height: 1.5rem;
		line-height: 1.5rem;
		text-align: center
	}

	.banner .content .text li img {
		height: 1.2rem
	}

	.banner .content .more {
		margin-top: 1rem;
		font-size: 1.2rem;
		width: 6rem;
		height: 2rem;
		line-height: 2rem
	}

	.banner .swiper-pagination {
		bottom: .5rem
	}

	.swiper-pagination-bullet {
		margin: 0 .5rem !important
	}

	.banner .swiper-button {
		width: 2.5rem;
		height: 2.5rem
	}

	.banner .swiper-button i:before {
		font-size: 1.8rem
	}

	.side-always {
		width: 4rem
	}

	.side-always li {
		height: 4rem
	}

	.side-always li a {
		right: 4.1rem;
		height: 4rem;
		line-height: 4rem
	}

	.side-always li img {
		right: 4.1rem;
		max-width: 15rem
	}

	.t_title {
		font-size: 2.4rem;
		padding: 1rem 0
	}

	.index_product .list {
		width: 90%;
		margin: 0 auto 2rem
	}

	.index_product .list li {
		width: 49%;
		margin: 0 2% .6rem 0;
		height: 16rem
	}

	.index_product .list li:nth-child(even) {
		margin-right: 0
	}

	.index_product .list li .img {
		height: 12rem
	}

	.index_product .list li .img img {
		max-height: 60%
	}

	.index_product .list li .title {
		height: 3rem;
		line-height: 3rem;
		font-size: 1.4rem
	}

	.index_project .project_carousel {
		margin: 0 auto 2.5rem
	}

	.index_project .project_carousel .swiper-container {
		margin: 0 2rem
	}

	.index_project .project_carousel .swiper-button i {
		font-size: 3rem;
		width: 2rem;
		height: 2rem
	}

	.index_project .project_carousel .swiper-button-prev {
		left: -0.2rem
	}

	.index_project .project_carousel .swiper-button-next {
		right: -0.2rem
	}

	.index_project .project_carousel .swiper-slide .img {
		height: 14rem
	}

	.index_project .project_carousel .swiper-slide .h {
		height: .2rem;
		margin: 1.5rem auto 1rem
	}

	.index_project .project_carousel .swiper-slide .title {
		height: 3rem;
		line-height: 3rem;
		margin-bottom: 1rem
	}

	.index_project .project_carousel .swiper-slide .title a {
		font-size: 1.6rem
	}

	.index_project .project_carousel .swiper-slide .img span {
		font-size: 1rem;
		line-height: 1.5rem
	}

	.index_device .list {
		margin: 0 20px 2rem
	}

	.index_device .list li {
		width: 49%;
		margin: 0 2% .6rem 0;
		height: 16rem
	}

	.index_device .list li:nth-child(even) {
		margin-right: 0
	}

	.index_device .list li .img {
		height: 12rem;
		width: 12rem;
		margin-bottom: 0
	}

	.index_device .list li .img img {
		max-height: 60%
	}

	.index_device .list li .title {
		height: 3rem;
		line-height: 3rem;
		font-size: 1.4rem
	}

	.index_case ul {
		margin-bottom: 2.5rem
	}

	.index_case ul li {
		width: 50%;
		height: 21rem
	}

	.index_case ul li .content {
		padding-top: 5rem
	}

	.index_case ul li .content img {
		display: inline-block;
		width: 4rem
	}

	.index_case ul li .content .text .title {
		line-height: 2rem;
		margin-bottom: .5rem
	}

	.index_case ul li .content .text .title a {
		font-size: 1.6rem
	}

	.index_case ul li .content .text .detail {
		font-size: 1rem;
		padding: .2rem
	}

	.index_case ul li.has_hover .hover_text {
		font-size: 1.2rem;
		line-height: 1.8rem;
		padding: 0 2rem;
		top: 20%
	}

	.index_case ul li .list3-cir1 {
		width: 6rem;
		height: 6rem;
		left: -1rem;
		top: -1rem
	}

	.index_case ul li .list3-cir2 {
		width: 8rem;
		height: 8rem;
		left: -2rem;
		top: -2rem
	}

	.index_case ul li .list3-cir3 {
		width: 10rem;
		height: 10rem;
		left: -3rem;
		top: -3rem
	}

	.index_news {
		margin: 0
	}

	.index_news .news_cate {
		width: 100%;
		margin: 0 auto 2rem
	}

	.index_news .news_cate ul {
		width: 100%;
		float: none;
		display: flex;
		justify-content: space-between
	}

	.index_news .news_cate ul li {
		font-size: 1rem;
		line-height: 3.5rem;
		height: 3.5rem;
		text-align: center;
		padding: 0
	}

	.index_news .news_cate ul li:nth-child(1) {
		width: 28%
	}

	.index_news .news_cate ul li:nth-child(2) {
		width: 28%
	}

	.index_news .news_cate ul li:nth-child(3) {
		width: 28%
	}

	.index_news .news_cate ul li:nth-child(4) {
		width: 7%
	}

	.index_news .news_cate ul li:nth-child(5) {
		width: 7%
	}

	.index_news .news_cate ul li a {
		font-size: 1rem
	}

	.index_news .index_news_box .layui-tab-item {
		height: 40rem
	}

	.index_news .news_left {
		display: none
	}

	.index_news .news_right {
		width: 100%;
		float: none
	}

	.index_news .news_right li {
		padding: 1rem
	}

	.index_news .news_right li .content p {
		display: none
	}

	.index_news .news_right li .time {
		width: 20%;
		margin: .2rem 2rem 0 0
	}

	.index_news .news_right li .time .day {
		font-size: 2rem
	}

	.index_news .news_right li .content .title {
		font-size: 1.6rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden
	}

	.index_news .news_right li .content .description {
		font-size: 1.4rem;
		line-height: 1.8rem;
		height: 3.6rem;
		overflow: hidden;
		display: none
	}

	.index_news .news_right li .body>a {
		top: 25%
	}

	.promotional_video .video {
		width: 100%;
		margin: 0 auto 2.5rem
	}

	.customized ul {
		margin: 2rem auto;
		width: 100%
	}

	.customized ul li {
		width: 20%;
		padding: .1rem;
		margin: 0;
		text-align: center;
		font-size: 1.6rem
	}

	.customized ul li p {
		width: 5rem;
		height: 5rem;
		line-height: 4.5rem;
		display: inline-block
	}

	.customized ul li p:after {
		transform: scale(0.3);
		right: -1.8rem;
		top: 30%
	}

	.customized ul li p img {
		max-height: 50%
	}

	.customized ul li span {
		margin-top: 1rem;
		font-size: 1.4rem
	}

	.cloud_advantage ul li {
		width: 50%
	}

	.cloud_advantage ul li .box {
		padding-top: 35%
	}

	.cloud_advantage ul li .box p:before {
		width: 6rem;
		margin-left: -3rem
	}

	.cloud_advantage ul li .box span {
		font-size: 1.6rem
	}

	.cloud_advantage ul li .box i {
		font-size: 1.2rem
	}

	.n_banner .content {
		width: 80%;
		padding-bottom: 3rem
	}

	.n_banner .content:after {
		width: 2.8rem;
		bottom: 1rem
	}

	.n_banner .content .title {
		font-size: 1.8rem
	}

	.n_banner .content .nr {
		font-size: 1.2rem;
		line-height: 1.8rem;
		margin-top: .5rem
	}

	.n_banner .content .h {
		width: 2.8rem;
		margin-top: .5rem
	}

	.access_scenario {
		padding-bottom: 3rem
	}

	.scene_box li ins {
		transform: scale(0.7)
	}

	.scene_box li:after {
		width: 50px;
		height: 50px;
		left: 0;
		top: 0
	}

	.scene_box li p {
		width: 20rem
	}

	.scene_box li.zm {
		left: 13.5rem;
		top: 1.8rem
	}

	.scene_box li.zm p {
		left: -7.8rem;
		bottom: auto;
		top: 4rem
	}

	.scene_box li.cz {
		right: 11rem;
		top: 3rem
	}

	.scene_box li.cz p {
		left: -7.8rem;
		bottom: auto;
		top: 4rem
	}

	.scene_box li.jd {
		right: 5.5rem;
		top: 4.5rem
	}

	.scene_box li.jd p {
		left: -20rem;
		bottom: -3rem
	}

	.scene_box li.cl {
		right: 4.5rem;
		top: 12rem
	}

	.scene_box li.cl p {
		left: -20rem;
		top: -3rem
	}

	.scene_box li.sh {
		left: 3rem;
		bottom: 10rem
	}

	.scene_box li.sh p {
		left: -2rem;
		bottom: 4rem
	}

	.scene_box li.gy {
		left: 8rem;
		bottom: 1.5rem
	}

	.scene_box li.gy p {
		left: -7.8rem;
		top: auto;
		bottom: 4rem
	}

	.scene_box li.yy {
		left: 10.5rem;
		bottom: 5rem
	}

	.scene_box li.yy p {
		left: -7.8rem;
		bottom: 4rem
	}

	.scene_box li.yc {
		right: 10rem;
		bottom: 5rem
	}

	.scene_box li.yc p {
		left: -7.8rem;
		top: 4rem
	}

	.scene_box li.af {
		right: 2.5rem;
		bottom: 4rem
	}

	.scene_box li.af p {
		left: -20rem;
		top: -3rem
	}

	.footer_top {
		margin: 1.6rem 0 1rem
	}

	.footer_top .wechat {
		float: none;
		display: none
	}

	.footer_top .wechat img {
		display: inline-block
	}

	.footer_top .wechat span {
		display: block;
		font-size: 1.6rem
	}

	.footer_top .category {
		width: 90%;
		margin: 0 auto
	}

	.footer_top .category dl dt {
		margin-bottom: .5rem
	}

	.footer_top .category dl dt a {
		font-size: 1.4rem
	}

	.footer_top .category dl dd {
		line-height: 2.2rem
	}

	.footer_top .category dl dd a {
		font-size: 1.2rem
	}

	.footer_top .category {
		float: none
	}

	.footer_bottom {
		padding: 2rem 0;
		font-size: 1.4rem;
		width: 90%;
		border-top: 0
	}

	.footer_bottom>span {
		font-size: 1.4rem
	}

	.footer_bottom>span a {
		font-size: 1.4rem
	}

	.footer_bottom>p {
		margin: 0
	}

	.footer_bottom>p i {
		display: block;
		margin: 1rem 0 .5rem
	}

	.crumbs {
		;
		margin: 2rem auto 0;
		width: 96%
	}

	.crumbs .left,
	.crumbs .right {
		float: none;
		font-size: 1.6rem
	}

	.search_box {
		width: 100%;
		height: 3rem;
		margin-top: 1rem
	}

	.crumbs a {
		font-size: 1.6rem
	}

	.crumbs_n {
		font-size: 1.4rem;
		padding: 1rem
	}

	.crumbs_n a {
		font-size: 1.4rem
	}

	.crumbs_n .left,
	.crumbs_n .right {
		float: none
	}

	.crumbs_n .search_box input {
		font-size: 1.2rem;
		padding: 0 .5rem
	}

	.case_characteristic .list ul {
		flex-flow: row wrap;
		margin-bottom: 30px
	}

	.case_characteristic .list li {
		width: 100%;
		margin-bottom: 30px
	}

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

	.case_characteristic .list li img {
		height: 30px
	}

	.case_characteristic .list li span {
		font-size: 1.4rem;
		margin: 1rem 0 .5rem
	}

	.case_characteristic .list li p {
		font-size: 1.2rem;
		color: #eee;
		line-height: 1.8rem
	}

	.case_products .list {
		flex-flow: row wrap
	}

	.case_products .list li {
		width: 48%;
		height: 16rem;
		margin-bottom: 1rem
	}

	.case_products .list li .img {
		height: 7rem;
		margin-bottom: 1rem
	}

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

	.case_products .list li .title {
		font-size: 1.6rem;
		line-height: 2rem
	}

	.application_scenario .list {
		margin-bottom: 2rem;
		display: flex;
		flex-flow: row wrap
	}

	.application_scenario .list li {
		width: 48%;
		margin-bottom: 1rem
	}

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

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

	.application_scenario .list li .img {
		height: 10rem
	}

	.application_scenario .list li .title {
		font-size: 1.6rem;
		margin-top: 1rem
	}

	.news_list {
		margin: 0 auto 2rem
	}

	.news_list ul li {
		padding-bottom: 2rem;
		margin-bottom: 2rem
	}

	.news_list ul li .box {
		height: 7.7rem
	}

	.news_list ul li .title {
		margin: 0;
		line-height: 1.4rem
	}

	.news_list ul li .title a {
		font-size: 1.2rem
	}

	.news_list ul li .content {
		font-size: 1rem;
		line-height: 1.4rem;
		height: 4.2rem;
		overflow: hidden;
		margin: .2rem 0 0
	}

	.news_list ul li .content a {
		font-size: 1rem;
		white-space: normal;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3
	}

	.news_list ul li .bottom {
		margin: 0
	}

	.news_list ul li .bottom a {
		display: none
	}

	.news_list ul li .bottom p {
		font-size: 1rem
	}

	.news_content {
		margin: 2rem auto;
		width: 90%
	}

	.news_content .cate_list {
		width: 100%
	}

	.news_content .cate_bar_box {
		display: none
	}

	.news_content .news_left {
		width: 100%;
		float: none
	}

	.news_content .news_box {
		margin-top: 2rem
	}

	.news_content .news_box .news_body {
		padding: 1rem 1rem 4rem
	}

	.news_content .news_box .title {
		font-size: 1.6rem;
		line-height: 3.5rem
	}

	.news_content .news_box .ms {
		font-size: 1.2rem;
		padding-bottom: 1rem;
		line-height: 1.2rem
	}

	.news_content .news_right {
		width: 100%;
		float: none;
		margin-top: 2rem
	}

	.news_content .news_right .scroll {
		width: 100%
	}

	.news_content .news_box .content {
		padding: .5rem 0;
		line-height: 1.8rem
	}

	.news_content .link {
		padding: 1rem
	}

	.news_content .link li {
		line-height: 2rem;
		font-size: 1.2rem
	}

	.news_content .link li a {
		font-size: 1.2rem
	}

	.bdsharebuttonbox {
		bottom: 1.2rem
	}

	.product_banner .swiper-slide {
		height: 15rem !important
	}

	.product_banner .swiper-slide img {
		width: 100%
	}

	.product_banner .content {
		width: auto;
		display: none
	}

	.product_banner .content .text {
		margin-top: 0
	}

	.product_banner .content .text .title {
		font-size: 1.8rem;
		margin-bottom: 0;
		line-height: 1.8rem;
		letter-spacing: 0
	}

	.product_banner .content .text .jj {
		font-size: 1.6rem;
		margin-bottom: .5rem;
		letter-spacing: .5rem;
		line-height: 2.2rem
	}

	.product_banner .content .text .nr {
		font-size: 1rem;
		line-height: 1.8rem;
		letter-spacing: 0
	}

	.product_banner .content .text .h {
		margin-top: .5rem;
		width: 2.8rem
	}

	.product_banner .content .img {
		width: 15%;
		height: auto;
		margin-top: 0
	}

	.product_banner .content .button {
		width: 8rem;
		height: 2.5rem;
		line-height: 2.5rem;
		margin-top: 1rem;
		font-size: 1.2rem
	}

	.product .category ul li {
		height: auto
	}

	.product .category ul li .box {
		margin: .8rem 0 .5rem
	}

	.product .category ul li img {
		height: 2rem
	}

	.product .category ul li p {
		font-size: 1.2rem;
		line-height: 2rem;
		margin-top: .5rem
	}

	.product .content .list {
		margin: 1rem auto 3rem;
		width: 96%
	}

	.product .content .list.has_page {
		margin-bottom: 1rem !important
	}

	.product .content .list li {
		width: 32%;
		box-shadow: none;
		margin: 0 2% 1rem 0;
		padding: 1rem
	}

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

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

	.product .content .list li .img {
		height: 8rem
	}

	.product .content .list li .img img {
		max-height: 6rem
	}

	.product .content .list li .model {
		font-size: 1.4rem;
		line-height: 1.8rem
	}

	.product .content .list li .title {
		font-size: 1.2rem;
		line-height: 2rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.pagination {
		margin: 0 0 2rem
	}

	.product_top {
		height: auto;
		position: relative;
		background-size: cover
	}

	.product_top .box {
		margin: 2rem auto;
		left: 0;
		width: 90%;
		position: relative
	}

	.product_top .left {
		position: relative
	}

	.product_top .right {
		float: right
	}

	.product_top .img_bg {
		width: 95px;
		display: none
	}

	.product_top .img {
		position: relative;
		width: 90px;
		text-align: center;
		height: 90px
	}

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

	.product_top .content {
		padding: 1rem 20px;
		min-height: 8rem;
		width: 60%;
		max-width: inherit
	}

	.product_top .content .title {
		font-size: 1.4rem;
		margin-bottom: 1rem
	}

	.product_top .content .title:before {
		bottom: -0.5rem;
		width: 2rem
	}

	.product_top .content .text {
		line-height: 1.6rem;
		font-size: 1.2rem
	}

	.product_title p {
		width: 90%;
		line-height: 4rem;
		font-size: 1.6rem
	}

	.product_bottom .content .parameter {
		font-size: 1.4rem;
		line-height: 3rem;
		top: -3rem;
		left: 5%
	}

	.product_bottom .content {
		margin: 3rem auto 1rem
	}

	.product_bottom .content .nr {
		padding: 1.5rem;
		font-size: 1rem
	}

	.product_bottom .content .nr td {
		line-height: 2.5rem
	}

	.product_bottom .content .nr tr td:first-child {
		padding-right: 5rem
	}

	.product_bottom .black {
		margin-bottom: 3rem
	}

	.product_bottom .black a {
		font-size: 1.8rem;
		width: 12rem;
		line-height: 3.5rem
	}

	.n_banner {
		height: 14.5rem
	}

	.n_banner .text {
		width: 90%;
		margin-top: 2rem;
		font-size: 1.6rem;
		line-height: 2.6rem;
		padding-bottom: 3rem
	}

	.n_banner .text:after {
		bottom: 1rem;
		width: 2.8rem
	}

	.service_content .list ul {
		display: block
	}

	.service_content .list li {
		width: 90%;
		padding: 1.5rem !important;
		height: 20rem;
		margin: 0 auto
	}

	.service_content .list li:first-child {
		margin-bottom: 2rem
	}

	.service_content .list li .img {
		width: 40% !important;
		float: left
	}

	.service_content .list li .content {
		width: 55% !important;
		float: right
	}

	.service_content .list li .content .title {
		font-size: 1.6rem;
		margin-bottom: .5rem
	}

	.service_content .list li .content .text {
		font-size: 1.4rem;
		line-height: 2rem
	}

	.case_list .case_side {
		margin: 0 auto 2rem;
		height: 25rem;
		width: 90%
	}

	.case_list .case_side .swiper-slide .content {
		padding: 1rem;
		width: 60%;
		height: 60%
	}

	.case_list .case_side .swiper-slide .content .title {
		font-size: 1.4rem;
		margin-bottom: 2rem
	}

	.case_list .case_side .swiper-slide .content .title:after {
		width: 3rem;
		bottom: -1rem
	}

	.case_list .case_side .swiper-slide .content .text {
		font-size: 1.2rem;
		line-height: 2rem
	}

	.case_list .case_side .swiper-pagination {
		bottom: 1rem
	}

	.case_product .voice_box {
		width: 98%;
		margin-bottom: 2rem
	}

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

	.case_product .voice_box li {
		width: 49%;
		margin: 0 2% .5rem 0;
		padding: 4rem 2rem 2rem
	}

	.case_product .voice_box li:nth-child(even) {
		margin-right: 0
	}

	.case_product .voice_box li:nth-last-child(-n+2) {
		margin-bottom: 0
	}

	.case_product .voice_box li p {
		height: 7rem;
		margin-top: 0
	}

	.case_product .voice_box li p img {
		max-height: 100%
	}

	.case_product .voice_box li span {
		line-height: 3rem;
		font-size: 1.6rem;
		height: 3rem;
		margin-top: 1.5rem
	}

	.case_product .relation {
		height: auto;
		margin-bottom: 2rem
	}

	.case_product .relation .relation_title {
		float: none;
		width: 100%;
		padding: 1rem
	}

	.case_product .relation .relation_product {
		width: 100%;
		float: none;
		margin: 1rem 0 0
	}

	.case_product .relation .relation_title p {
		float: left;
		margin: 0;
		font-size: 1.6rem
	}

	.case_product .relation .relation_title p:after {
		content: normal
	}

	.case_product .relation .relation_title i {
		float: right;
		margin-top: .1rem
	}

	.case_product .relation .relation_product .layui-icon {
		width: 2rem;
		height: 2rem;
		font-size: 3rem;
		top: 55%
	}

	.case_product .relation .relation_product .layui-icon:before {
		font-size: 2rem;
		display: block;
		height: 100%
	}

	.case_product .relation .relation_product .swiper-button-prev {
		left: .1rem
	}

	.case_product .relation .relation_product .swiper-button-next {
		right: .1rem
	}

	.case_product .relation .relation_product .swiper-slide p {
		height: 5rem
	}

	.case_product .relation .relation_product .swiper-slide span {
		font-size: 1.4rem
	}

	.project .list {
		width: 96%;
		margin: 2rem auto
	}

	.project .list li {
		width: 49%;
		margin: 0 2% 1rem 0
	}

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

	.project .list li:nth-child(even) {
		margin-right: 0
	}

	.project .list li .img {
		height: 10rem
	}

	.project .list li .content {
		padding: 1rem 1.2rem
	}

	.project .list li .content .title a {
		font-size: 1.6rem
	}

	.project .list li .content .ms {
		font-size: 1.4rem;
		margin: .5rem 0 1.2rem
	}

	.project_content {
		padding: 2rem 0 0
	}

	.project_content>.content {
		padding: 1.5rem
	}

	.project_content>.link {
		padding: 1.5rem
	}

	.project_content>.link li {
		line-height: 3rem
	}

	.project_content>.link span {
		width: 8rem;
		line-height: 3rem;
		top: 3rem;
		right: 1rem;
		height: 3rem
	}

	.policy .policy_carousel {
		float: none;
		width: 100%
	}

	.policy .policy_carousel .swiper-pagination {
		bottom: 1rem
	}

	.policy .policy_content {
		float: none;
		width: 100%;
		margin: 1rem 0;
		display: none
	}

	.policy .policy_content .list {
		position: relative
	}

	.policy .policy_content .list .title span {
		font-size: 2rem
	}

	.policy .policy_content .list .text {
		padding: 1rem;
		line-height: 2rem;
		font-size: 1.6rem
	}

	.policy .layui-tab .layui-tab-title {
		width: 100%
	}

	.policy .layui-tab .layui-tab-title li {
		width: 25%;
		padding: 0;
		font-size: 1.6rem
	}

	.policy .layui-tab .layui-tab-content {
		margin: 1rem;
		padding: 1.5rem
	}

	.policy .layui-tab .layui-tab-content .content {
		float: none;
		width: 100%;
		line-height: 2rem;
		font-size: 1.4rem
	}

	.policy .layui-tab .layui-tab-content .img {
		display: none
	}

	.advantage ul {
		margin-bottom: 2rem;
		width: 100%
	}

	.advantage ul li {
		width: 20%;
		margin: 0;
		text-align: center;
		font-size: 1.4rem
	}

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

	.advantage ul li p {
		width: 5rem;
		height: 5rem;
		line-height: 4.5rem;
		display: inline-block;
		margin-bottom: 0
	}

	.advantage ul li span {
		font-size: 1.4rem;
		margin-top: 1rem
	}

	.advantage ul li p img {
		max-height: 50%
	}

	.procedure ul {
		margin-bottom: 2rem;
		width: 100%
	}

	.procedure ul li {
		width: 20%;
		padding: .1rem;
		margin: 0;
		text-align: center;
		font-size: 1.6rem
	}

	.procedure ul li p {
		width: 5rem;
		height: 5rem;
		line-height: 4.5rem;
		display: inline-block
	}

	.procedure ul li p:after {
		transform: scale(0.3);
		right: -2.4rem;
		top: 30%
	}

	.procedure ul li p img {
		max-height: 50%
	}

	.procedure ul li span {
		margin-top: 1rem;
		font-size: 1.4rem
	}

	.partner {
		height: auto
	}

	.partner ul {
		width: 98%;
		margin: 0 auto
	}

	.partner ul li {
		width: 32%;
		margin: 0 2% .6rem 0;
		height: 7rem;
		line-height: 7rem
	}

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

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

	.apply {
		margin-bottom: 3rem
	}

	.apply .button {
		width: 12rem;
		line-height: 4rem;
		height: 4rem;
		font-size: 2rem
	}

	.form_popup {
		padding: 2rem 2rem 1rem
	}

	.form_popup * {
		box-sizing: border-box !important
	}

	.form_popup .title {
		font-size: 2rem
	}

	.form_popup .content {
		margin: 1rem 0
	}

	.form_popup .layui-form-item {
		margin-bottom: 1rem
	}

	.form_popup .layui-form-item label {
		height: 3rem;
		line-height: 3.5rem
	}

	.form_popup .layui-form-item .layui-input-block {
		min-height: inherit
	}

	.form_popup .layui-form-item .layui-input-block>dt {
		height: 3rem;
		width: 3rem
	}

	.form_popup .layui-form-item .layui-input-block>dt img {
		height: 1.5rem
	}

	.form_popup .layui-form-item .layui-input-block>dd {
		width: calc(100% - 3rem)
	}

	.form_popup .layui-form-item .layui-input-block {
		margin-left: 3rem
	}

	.form_popup .layui-form-item .layui-input-block input {
		height: 3rem;
		font-size: 1.5rem;
		border-radius: 0;
		padding: 0 .5rem
	}

	.form_popup .layui-form-item .layui-input-inline {
		width: 32% !important;
		display: inline-block;
		margin: 0 2% 0 0;
		float: left;
		left: 0
	}

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

	.form_popup .layui-form-item .layui-form-select .layui-edge {
		width: 15px
	}

	.form_popup .layui-form-select dl {
		top: 3rem;
		max-height: 15rem;
		width: 100%;
		font-size: 1rem
	}

	.form_popup .layui-form-select dl dd {
		line-height: 3rem
	}

	.form_popup .layui-form-item textarea {
		font-size: 1.4rem;
		padding: .2rem
	}

	.form_popup button {
		line-height: 3rem;
		height: 3rem;
		width: 40%;
		display: block;
		margin: 0 auto;
		font-size: 2rem;
		border-radius: .5rem
	}

	.form_popup .tips {
		font-size: 1rem;
		line-height: 1.5rem;
		margin-top: 1rem
	}

	.appointment {
		margin-bottom: 3rem
	}

	.appointment .button {
		width: 10rem;
		line-height: 4rem;
		height: 4rem;
		font-size: 1.6rem
	}

	.appointment_form {
		padding: 2rem
	}

	.appointment_form * {
		box-sizing: border-box !important
	}

	.appointment_form .title {
		font-size: 2rem
	}

	.appointment_form .content {
		margin: 2rem 0
	}

	.appointment_form .layui-form-item {
		margin-bottom: 1rem
	}

	.appointment_form .layui-form-item label {
		height: 3rem;
		line-height: 3.5rem
	}

	.appointment_form .layui-form-item .layui-input-block {
		margin-left: 3rem
	}

	.appointment_form .layui-form-item .layui-input-block input {
		height: 3rem;
		font-size: 1.5rem;
		border-radius: 5px;
		padding: 0 1rem
	}

	.appointment_form .layui-form-select dl {
		top: 3rem;
		max-height: 15rem
	}

	.appointment_form .layui-form-item textarea {
		font-size: 1.5rem;
		padding: 1rem
	}

	.appointment_form button {
		line-height: 3.5rem;
		height: 3.5rem;
		width: 50%;
		display: block;
		margin: 0 auto;
		font-size: 2rem
	}

	.company_profile .title_base {
		padding-bottom: 1rem;
		width: 90%;
		margin: 0 auto
	}

	.company_profile .content {
		width: 90%;
		margin: 0 auto 2rem;
		font-size: 1.2rem;
		line-height: 2rem
	}

	.business {
		height: 20rem
	}

	.business .content {
		width: 62%;
		padding: 1rem;
		position: relative;
		right: 5%
	}

	.business .content .title {
		font-size: 1.6rem
	}

	.business .content .text {
		font-size: 1.2rem;
		line-height: 2rem
	}

	.business .content .text p {
		margin-top: .5rem
	}

	.enterprise li span {
		height: 4rem
	}

	.enterprise li p {
		line-height: 3.7rem;
		font-size: 1.2rem
	}

	.certificate .list {
		margin: 2rem auto;
		width: 90%
	}

	.certificate .list li {
		width: 30%;
		margin: 0 5% 1rem 0;
		height: 15rem
	}

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

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

	.certificate .certificate_box {
		margin-bottom: 2rem
	}

	.certificate .certificate_box .certificate_list {
		width: 80%
	}

	.certificate .certificate_box .swiper-button {
		height: 3rem;
		width: 3rem;
		line-height: 3rem;
		top: 55%
	}

	.certificate .certificate_box .swiper-button i {
		font-size: 3rem
	}

	.certificate .certificate_box .swiper-button-prev {
		left: 0
	}

	.certificate .certificate_box .swiper-button-next {
		right: 0
	}

	.contact_us .title_base {
		width: 90%;
		margin: 0 auto
	}

	.contact_us .content {
		width: 90%;
		margin: 1rem auto 3rem
	}

	.contact_us .content li .title {
		font-size: 1.4rem;
		margin: 1rem 0 2rem
	}

	.contact_us .content li .text {
		font-size: 1.4rem
	}

	.contact_us .content li .img img {
		height: 2rem
	}

	.map {
		height: 40rem;
		border: 0;
		margin: 0 auto 3rem
	}

	.contact_box {
		margin: 2rem auto;
		width: 90%
	}

	.contact_box li {
		padding: 1rem 2rem 2rem;
		width: 100%;
		margin: 0 0 1rem 0;
		font-size: 1.6rem
	}

	.contact_box li .title {
		font-size: 1.8rem;
		text-align: center;
		line-height: 3rem
	}

	.contact_box li .phone {
		margin: 1rem 0
	}

	.contact_box li i {
		width: 3rem;
		height: 3rem
	}

	.contact_box li span {
		margin-left: 1rem
	}

	.video .content {
		height: 20rem
	}

	.video .content .left {
		width: 80%
	}

	.video .content .right {
		width: 20%
	}

	.video .content .right li {
		height: 5rem;
		padding: .5rem;
		margin-bottom: .1rem
	}

	.video .content .right li .img {
		width: 100%
	}

	.video .content .right li .body {
		display: none
	}

	.experience .list {
		margin-bottom: 2rem
	}

	.experience .list li {
		width: 49%;
		margin: 0 2% .8rem 0 !important;
		height: 13rem
	}

	.experience .list li:nth-child(even) {
		margin-right: 0 !important
	}

	.experience .list li:nth-last-child(-n+2) {
		margin-bottom: 0 !important
	}

	.experience .list li .content span {
		line-height: 3rem;
		font-size: 1.6rem
	}

	.experience .list li .mask {
		display: none !important
	}

	.experience .list li a {
		position: relative;
		z-index: 1
	}

	.experience .list li .mask .body img {
		height: 3rem
	}

	.experience .list li .mask .body span {
		font-size: 1.4rem
	}

	.scene {
		margin: 2rem 0
	}

	.scene .list {
		width: 9rem
	}

	.scene .list li img {
		height: 4.2rem
	}

	.scene .list li span {
		height: 1.6rem;
		line-height: 1.6rem;
		font-size: 10px
	}

	.scene .control_box {
		padding-left: 10rem
	}

	.scene .control {
		float: none;
		width: 100%
	}

	.scene .panel {
		float: left;
		width: 49%;
		height: auto;
		overflow: hidden;
		text-align: center
	}

	.scene .panel .left {
		display: none
	}

	.scene .panel .right {
		float: none;
		margin: 0;
		height: 12rem;
		width: 12rem;
		background-size: cover
	}

	.scene .panel .right ul {
		top: 2.3rem
	}

	.scene .panel .right li {
		text-align: left;
		line-height: 1.9rem;
		height: 1.9rem;
		padding: 0 0 0 .5rem
	}

	.scene .panel .right li span {
		transform: scale(0.8);
		font-size: 12px;
		display: block;
		position: relative;
		left: -7px
	}

	.scene .model {
		float: right;
		margin: 0 auto;
		width: 49%
	}

	.scene .model li {
		width: 49%;
		margin: 0 2% .2rem 0;
		line-height: 5.8rem;
		height: 5.8rem;
		font-size: 1.2rem;
		border-radius: 5px
	}

	.scene .show {
		width: 100%;
		float: none;
		overflow: hidden
	}

	.scene .show .top {
		height: 18rem
	}

	.scene .show .bottom {
		margin: .5rem 0;
		height: 6.5rem
	}

	.scene .show .bottom .img_list {
		margin: 0
	}

	.scene .show .bottom .text_box {
		margin: 0
	}

	.scene .show .bottom .text_list {
		margin-top: .8rem
	}

	.scene .show .bottom .text_list li {
		font-size: 10px;
		padding-top: 1.5rem
	}

	.scene .show .bottom .text_list li:after {
		width: 1.2rem;
		height: 1.2rem;
		top: -0.8rem;
		margin-left: -0.6rem
	}

	.offLine-list1 .map-address-detail,
	.offLine-list1 .map-tele-detail {
		padding-left: 5%
	}

	.intro-list4 .list4-mains {
		margin-bottom: 2rem
	}

	.certificate {
		text-align: center;
		height: 30rem
	}

	.certificate .wrap {
		margin: 3rem 0
	}

	.certificate p {
		width: 80%;
		float: none;
		margin: 0 auto 2rem;
		font-size: 1.6rem;
		line-height: 3rem;
		text-align: center
	}

	.certificate p b {
		font-size: 1.8rem
	}

	.certificate img {
		float: none;
		display: inline-block;
		margin: 0 auto;
		width: 70%
	}

	.intro-list8 {
		padding-bottom: 3rem
	}

	.intro-list8 .list8-item {
		float: none;
		width: 100%;
		margin: 0 0 1rem;
		line-height: 2rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		height: auto;
		line-height: 2.5rem
	}

	.intro-list8 .list8-item:nth-child(even) {
		margin-right: 0
	}

	.intro-list8 .list8-item:nth-last-child(-n+2) {
		margin-bottom: 1rem
	}

	.intro-list8 .list8-item:last-child {
		margin-bottom: 0
	}

	.intro-list8 .scroll-wrap {
		height: 11rem
	}

	.intro-list4 .list4-mains:before {
		top: 7.6rem
	}

	.swiper-btns-wrap3 {
		top: 7.6rem
	}

	.intro-list4 .swiper-year {
		font-size: 1.8rem;
		line-height: 4rem;
		height: 7rem;
		padding-top: 3rem
	}

	.intro-list4 .swiper-slide:hover .swiper-year {
		padding-top: 1.5rem
	}

	.intro-list4 .swiper-line {
		height: 3rem
	}

	.intro-list4 .swiper-detail {
		padding: 2rem;
		font-size: 1.4rem
	}

	.pagination li {
		width: 3rem;
		height: 3rem;
		line-height: 3rem;
		margin: 0 .3rem
	}

	.pagination li a,
	.pagination li span {
		font-size: 1.2rem
	}

	.cloud_platform .list {
		width: 95%;
		margin: 0 auto
	}

	.cloud_platform .list li {
		width: 33%
	}

	.things_solutions .list ul li .box .img .cir-wrap {
		margin-bottom: 1.5rem;
		width: 3rem
	}

	.things_solutions .list ul li .box .img img {
		height: 3rem
	}

	.things_solutions .list ul li .box span {
		font-size: 1.4rem
	}

	.things_solutions .list ul li .box .img .list3-cir1 {
		left: -8%;
		top: -10%
	}

	.things_solutions .list ul li .box .img .list3-cir2 {
		left: -38%;
		top: -40%
	}

	.things_solutions .list ul li .box .img .list3-cir3 {
		left: -73%;
		top: -75%
	}

	.things_solutions .list ul li .box2 .text {
		width: 90%;
		max-height: 85%;
		overflow: auto
	}

	.things_solutions .list ul li .box2 .text .title {
		font-size: 1.2rem;
		margin-bottom: 1.4rem
	}

	.things_solutions .list ul li .box2 .text .title:before {
		bottom: -0.7rem
	}

	.things_solutions .list ul li .box2 .text .content {
		font-size: .8rem;
		line-height: 1.5rem
	}

	.application_case {
		padding-bottom: 2rem
	}

	.application_case>.wrap {
		height: auto
	}

	.application_case .case_left {
		height: 16rem;
		width: 22%
	}

	.application_case .case_left .swiper-slide {
		font-size: 1rem;
		padding: 0 1rem
	}

	.application_case .case_left .swiper-slide i {
		font-size: 1.4rem;
		height: 1rem;
		line-height: 1rem
	}

	.application_case .case_right {
		height: 16rem;
		width: 78%
	}

	.office_space .list ul li {
		height: 8rem
	}

	.office_space .list ul li p {
		height: 3rem;
		line-height: 3rem;
		padding: 0 1rem;
		font-size: 1.2rem
	}

	.smart_home {
		width: 96%;
		margin: 2rem auto 0
	}

	.smart_home .list li {
		width: 49%;
		margin: 0 2% 1rem 0;
		height: auto
	}

	.smart_home .list li:nth-child(3n+3) {
		margin-right: 2%
	}

	.smart_home .list li:nth-child(even) {
		margin-right: 0
	}

	.smart_home .list li:nth-last-child(3) {
		margin-bottom: 1rem
	}

	.smart_home .list li .img {
		height: 12rem
	}

	.smart_home .list li .content {
		padding: .5rem 1rem
	}

	.smart_home .list li .content .title a {
		font-size: 1.6rem
	}

	.smart_home .list li .content .ms {
		font-size: 1.4rem;
		margin: .5rem 0 1.2rem
	}

	.Smart_Home_Solution {
		margin-bottom: 2rem
	}

	.smart_home_system .body_box {
		padding: 3rem 0;
		width: 95%;
		margin: 0 auto
	}

	.smart_home_system .body {
		zoom: .2
	}

	.smart_home_system .body_box .content {
		width: 8rem
	}

	.smart_home_system .body_box .content .title {
		font-size: 1rem;
		margin-bottom: 1rem
	}

	.smart_home_system .body_box .content .text {
		font-size: .6rem;
		line-height: 1rem
	}

	.smart_home_system .body_box .content:nth-child(3) {
		bottom: 0
	}

	.smart_home_system .body_box .content:nth-child(4) {
		bottom: 0
	}

	.sceSecond .Intelligent_Office img {
		width: 90%
	}

	.sceSecond .sceSecond_list {
		width: 90%;
		margin: 2rem auto 0
	}

	.sceSecond .sceSecond_list li {
		width: 14rem
	}

	.sceSecond .sceSecond_list li h3 {
		margin: 1rem 0 1.2rem;
		font-size: 1.4rem
	}

	.sceSecond .sceSecond_list li p {
		font-size: 1.2rem;
		line-height: 1.8rem
	}

	.chartImg img {
		width: 90%
	}

	.chartImg>p {
		margin: 2rem auto;
		font-size: 1.2rem;
		width: 90%
	}

	.flowchart .flow {
		zoom: .3
	}

	.flowchart .flow .leftShow {
		margin-top: 1rem
	}

	.flowchart .flow .centerTap {
		width: 7rem
	}

	.flowchart .flow .centerTap .dashed_block {
		height: auto;
		padding: .3rem 0;
		margin-bottom: .8rem
	}

	.flowchart .flow .centerTap .dashed_block p {
		line-height: 1rem
	}

	.flowchart .flow .rightShow img:nth-child(1) {
		margin-top: .5rem
	}

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

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

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

	.enterprise_box .enterprise_list {
		margin-bottom: 2rem
	}

	.enterprise_box .enterprise_list li {
		width: 11rem
	}

	.enterprise_box .enterprise_list li h3 {
		font-size: 1.4rem;
		margin: 1rem 0 .5rem
	}

	.enterprise_box .enterprise_list li p {
		font-size: 1.2rem;
		margin: 0 .5rem
	}

	.enterprise_box .enterprise_list li p:nth-of-type(1) {
		margin-top: 1.5rem
	}

	.enterprise_box .enterprise_list li p:nth-of-type(2) {
		line-height: 1.5rem
	}

	.enterprise_box .enterprise_list li p:nth-of-type(4) {
		line-height: 1.5rem;
		margin-bottom: .5rem
	}

	.smart_home_app {
		height: 24rem
	}

	.smart_home_app .content {
		width: 80%
	}

	.smart_home_app .title {
		font-size: 1.6rem;
		line-height: 3rem
	}

	.smart_home_app .text {
		font-size: 1.2rem;
		margin: 0 0 1rem;
		line-height: 1.8rem
	}

	.smart_home_app a {
		font-size: 1.4rem;
		width: 8rem;
		height: 2.8rem;
		line-height: 2.8rem
	}

	.case_product_list {
		flex-flow: row wrap
	}

	.case_product_list li {
		width: 48%;
		margin-bottom: 1.5rem
	}

	.case_product_list li:nth-last-child(-n+2) {
		margin-bottom: 0
	}

	.case_product_list li .img {
		height: 16rem
	}

	.case_product_list li .title {
		font-size: 1.6rem;
		margin-top: 1rem
	}

	.case_product_list li>a {
		font-size: 1.4rem;
		width: 7rem;
		height: 2.5rem;
		line-height: 2.5rem;
		margin: 1rem 0
	}

	.case_button {
		margin-bottom: 2rem;
		width: 40%;
		font-size: 1.6rem;
		line-height: 3.5rem
	}

	.banner2 {
		height: 15rem
	}

	.banner2 .content {
		width: 80%;
		margin: 0 auto
	}

	.banner2 .content .title {
		font-size: 1.8rem
	}

	.banner2 .content .ms {
		font-size: 1.6rem;
		margin: 0 0 1rem;
		line-height: 1.5rem
	}

	.banner2 .content .more {
		margin-top: 1rem;
		font-size: 1.2rem;
		width: 6rem;
		height: 2rem;
		line-height: 2rem
	}

	.one-stop {
		width: 80%
	}

	.recruit {
		margin-top: 2rem;
		height: auto;
		overflow: hidden
	}

	.recruit ul {
		margin: 0 auto;
		width: 80%
	}

	.recruit ul li {
		width: 30%;
		height: 7rem;
		border: 2px solid #fff
	}

	.recruit ul li p {
		font-size: 1.4rem;
		margin-top: .5rem
	}

	.recruit ul li img {
		width: 3rem
	}

	.recruit>a {
		width: 10rem;
		height: 3rem;
		line-height: 3rem;
		font-size: 1.4rem;
		margin: 2rem auto;
		border-radius: 3px
	}

	.scene_experience img {
		margin-bottom: 2rem;
		width: 80%
	}

	.form_message {
		height: auto
	}

	.form_message_box {
		margin: 0 auto;
		width: 90%;
		position: relative;
		z-index: 4
	}

	.form_message_box ul {
		margin-bottom: 0;
		width: 100%;
		display: block
	}

	.form_message_box ul li {
		width: 100%;
		margin-bottom: 1rem
	}

	.form_message_box button {
		margin: 1rem auto 2rem;
		width: 12rem;
		height: 4rem;
		line-height: 4rem;
		font-size: 1.6rem
	}

	.form_message_box ul li>dt {
		width: 4rem
	}

	.form_message_box ul li>dt img {
		max-width: 1.5rem;
		max-height: 1.5rem
	}

	.form_message_box ul li>dd {
		height: 4rem;
		width: calc(100% - 4rem)
	}

	.form_message_box ul li .layui-form-select .layui-edge {
		width: 2rem
	}

	.form_message_box ul li .layui-form-select dl {
		top: 4rem
	}

	.form_message_box ul li .layui-form-selectup dl {
		bottom: 4rem;
		top: auto !important
	}

	.form_message_box ul .textarea textarea {
		width: calc(100% - 4rem)
	}

	.four_functions .list ul {
		width: 90%
	}

	.four_functions .list li {
		width: 48%;
		margin-bottom: 2rem
	}

	.four_functions .list li b {
		font-size: 1.6rem;
		margin: 1rem 0 .5rem
	}

	.four_functions .list li p {
		font-size: 1.2rem;
		line-height: 2rem
	}

	.platform_application {
		height: auto
	}

	.platform_application .list ul {
		width: 98%;
		margin: 0 auto
	}

	.platform_application .list ul li {
		width: 32%;
		margin: 0 2% .6rem 0;
		height: 7rem;
		line-height: 7rem
	}

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

	.Internet_Things_img {
		width: 90%
	}

	.Internet_Things_advantage .list ul li {
		height: 12rem
	}

	.Internet_Things_advantage .list ul li .icon {
		width: 4rem
	}

	.Smart_Home_Solution img {
		width: 90%
	}

	.Smart_Home_Solution_advantage {
		margin-bottom: 2rem;
		display: none
	}

	.Smart_Home_Solution_advantage ul {
		width: 90%
	}

	.Smart_Home_Solution_advantage ul li {
		width: 20%
	}

	.Smart_Home_Solution_advantage ul li .box {
		padding: 0
	}

	.Smart_Home_Solution_advantage ul li .img {
		width: 6rem;
		height: 6rem
	}

	.Smart_Home_Solution_advantage ul li img {
		height: 3rem
	}

	.Smart_Home_Solution_advantage ul li .img .l {
		clip: rect(0, 3rem, 6rem, 0)
	}

	.Smart_Home_Solution_advantage ul li:hover .img .l {
		clip: rect(0, 3rem, 0, 0)
	}

	.Smart_Home_Solution_advantage ul li .img .r {
		clip: rect(0, 12rem, 12rem, 3rem)
	}

	.Smart_Home_Solution_advantage ul li:hover .img .r {
		clip: rect(6rem, 0, 12rem, 3rem)
	}

	.Smart_Home_Solution_advantage ul li span {
		height: 5rem
	}

	.Smart_Home_Solution_advantage ul li .title {
		font-size: 1.2rem;
		margin-top: 1rem
	}

	.Smart_Home_Solution_advantage ul li .text {
		padding: .5rem .2rem;
		font-size: .5rem
	}

	.Smart_Home_Solution_advantage ul li .text span {
		font-size: 1.2rem;
		display: none
	}

	.Smart_Home_Solution_advantage ul li .text p {
		font-size: .8rem;
		line-height: 1.2rem
	}

	.Smart_Home_Solution_advantage ul li:nth-child(2) .text {
		font-size: .8rem;
		line-height: 1.2rem
	}

	.Internet_Things .title_base {
		padding-top: 2rem
	}

	.attract_investment .list {
		margin-bottom: 0
	}

	.attract_investment .list li {
		width: 50%;
		padding: 0 1.5rem !important;
		height: auto;
		margin-bottom: 2rem !important
	}

	.attract_investment .list li:nth-child(3) {
		border-right: 1px dashed #d5d6d7
	}

	.attract_investment .list li:nth-child(even) {
		border-right: 0
	}

	.attract_investment .list li>div {
		padding-left: 4rem
	}

	.attract_investment .list li .model_icon {
		height: auto;
		width: 3rem
	}

	.answering_question {
		margin-bottom: 2rem
	}

	.answering_question .list {
		margin: 0 auto !important;
		width: 90%
	}

	.answering_question .layui-nav-tree .layui-nav-item a {
		font-size: 1.4rem
	}

	.answering_question .layui-nav .layui-nav-more {
		top: 15%
	}

	.answering_question .layui-nav .layui-nav-child {
		font-size: 1.0rem;
		padding: 0 1rem 1rem
	}

	.plan img {
		width: 90%;
		margin-bottom: 2rem
	}

	.addressing_needs .list {
		width: 90%;
		margin: 0 auto
	}

	.addressing_needs .list li {
		width: 48%;
		margin-bottom: 2rem
	}

	.addressing_needs .list li span img {
		height: 4rem
	}

	.addressing_needs .list li b {
		font-size: 1.6rem
	}

	.addressing_needs .list li p {
		font-size: 1.2rem;
		line-height: 1.5rem
	}

	.model_flow {
		margin-bottom: 2rem
	}

	.model_flow img {
		width: 90%
	}

	.customization_advantage .list {
		margin-bottom: 2rem
	}

	.customization_advantage .list ul {
		flex-flow: row wrap;
		width: 90%
	}

	.customization_advantage .list ul li {
		width: 48%
	}

	.customization_advantage .list ul li:nth-child(-n+2) {
		margin-bottom: 2rem
	}

	.customization_advantage .list ul li img {
		width: 5rem
	}

	.customization_advantage .list ul li .title {
		font-size: 1.6rem;
		margin: 2rem 0 1rem
	}

	.customization_advantage .list ul li .content {
		font-size: 1.2rem;
		line-height: 1.5rem
	}

	.hotel_function {
		margin-top: 2rem
	}

	.hotel_function_box {
		display: block;
		margin-bottom: 2rem
	}

	.hotel_function_box .hf_l {
		width: 90%;
		margin: 0 auto 2rem;
		padding: 2rem
	}

	.hotel_function_box .hf_l ul li {
		height: 10rem
	}

	.hotel_function_box .hf_l ul li img {
		width: 3rem
	}

	.hotel_function_box .hf_l ul li p {
		font-size: 1.6rem
	}

	.hotel_function_box .hf_r {
		width: 90%;
		margin: 0 auto;
		font-size: 1.6rem;
		line-height: 2rem
	}

	.hotel_architecture img {
		width: 90%
	}

	.assistance .list {
		margin: 0 auto 2rem;
		width: 96%
	}

	.assistance .list li {
		margin: 0 2% 1rem 0;
		width: 32%
	}

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

	.assistance .list li:nth-last-child(-n+6) {
		margin-bottom: 1rem
	}

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

	.control_system {
		display: none
	}

	.office_space .list {
		width: 90%;
		margin: 0 auto
	}

	.market_box {
		margin-top: 2rem;
		width: 90%
	}

	.market_box li {
		margin-bottom: 0
	}

	.market_box li .market_l,
	.market_box li .market_r {
		float: none
	}

	.market_box li .market_img,
	.market_box li .market_text {
		width: auto
	}

	.market_box li .market_text {
		margin: 1rem 0
	}

	.market_box li:last-child .market_text {
		margin-bottom: 0
	}

	.market_box li .market_text span {
		font-size: 1.4rem;
		line-height: 1.6rem;
		margin-bottom: .5rem
	}

	.market_box li .market_text p {
		font-size: 1.2rem;
		line-height: 2rem
	}

	.market_box li .market_table {
		width: auto;
		font-size: 1.4rem
	}

	.market_box li .market_table th,
	.market_box li .market_table td {
		height: 5rem
	}

	.profit_calculation table {
		font-size: 1.2rem;
		margin: 0 5% 2rem;
		width: auto
	}

	.profit_calculation table td {
		height: 5rem
	}

	.cooperation_product .list {
		width: 90%;
		padding-bottom: 2rem
	}

	.cooperation_product .list li {
		width: 48%;
		margin: 0 4% 1.5rem 0;
		padding: 1rem 0
	}

	.cooperation_product .list li:nth-child(even) {
		margin-right: 0
	}

	.cooperation_product .list li:nth-child(5n+5) {
		margin-right: 4%
	}

	.cooperation_product .list li:nth-child(10) {
		margin-right: 0
	}

	.cooperation_product .list li:nth-last-child(-n+5) {
		margin-bottom: 1.5rem
	}

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

	.cooperation_product .list li .title {
		font-size: 1.4rem;
		line-height: 3rem
	}

	.cooperation_product .list li .img {
		height: 10rem
	}

	.cooperation_product .list li .img img {
		max-height: 8rem
	}

	.office_solution .modal {
		width: 90%
	}

	.office_solution .modal .modal-item {
		width: 48%;
		padding: 1rem;
		margin-bottom: 1.2rem
	}

	.office_solution .modal .modal-item:nth-last-child(n+3):nth-last-child(-n+4) {
		margin-bottom: 1.2rem
	}

	.office_solution .modal .modal-item .content .icon {
		width: 3rem;
		height: 3rem;
		margin-top: .2rem
	}

	.office_solution .modal .modal-item .content .tip {
		width: 8.5rem;
		font-size: 1.2rem
	}

	.office_solution .modal .modal-item .text {
		margin-top: 1rem;
		font-size: 1.4rem
	}

	.regional_management .regional_box {
		height: auto;
		justify-content: inherit;
		width: 90%;
		margin: 0 auto
	}

	.regional_management .regional_left {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		height: auto
	}

	.regional_management .regional_left li {
		width: 33.33%;
		background-size: 2.5rem !important;
		background-position: center 15px;
		height: auto;
		padding: 1rem 0
	}

	.regional_management .regional_left li span {
		height: 2rem;
		background-size: contain
	}

	.regional_management .regional_left li p {
		font-size: 1.4rem;
		line-height: 1.4rem;
		margin-top: 1rem
	}

	.regional_management .regional_right {
		width: 100%
	}

	.regional_management .regional_right .layui-tab-item {
		height: auto
	}

	.regional_management .regional_right .title {
		font-size: 1.4rem;
		margin: 1rem 0 .5rem
	}

	.regional_management .regional_right .content {
		font-size: 1.2rem;
		line-height: 2rem;
		margin: 0 0 1rem
	}

	.regional_management .regional_right .img {
		position: relative
	}

	.video_box .title_base {
		padding-bottom: 2rem
	}

	.video_search {
		width: 90%;
		margin: 0 auto
	}

	.video_search .layui-inline {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1rem
	}

	.video_search .layui-inline .layui-form-label {
		width: 37%;
		text-align: left
	}

	.video_search .layui-inline .layui-input-inline {
		width: 63%
	}

	.video_search .layui-inline .layui-form-select .layui-input {
		width: 100%
	}

	.video_search .keyword_box {
		border-bottom: 1px solid #f3f3f3;
		margin-bottom: 0
	}

	.video_search .keyword_box input {
		width: 100%;
		padding: 0
	}

	.video_list {
		width: 90%;
		margin: 2rem auto 0
	}

	.video_list li {
		width: 100%;
		margin-bottom: 2rem
	}

	.video_list .img {
		height: 20rem
	}

	.video_list .title {
		font-size: 1.6rem
	}

	.subcolumn {
		margin: 0;
		padding: 0 5%
	}

	.subcolumn .layui-nav-item {
		width: auto;
		line-height: 3.5rem
	}

	.subcolumn .layui-nav-item .layui-nav-child {
		top: 3.5rem
	}

	.subcolumn .layui-nav-item a {
		font-size: 1rem
	}

	.subcolumn .layui-nav-item .layui-nav-child a {
		padding: 0 1rem
	}

	.hot_news {
		width: 90%;
		margin: 2rem auto 0
	}

	.hot_news li {
		width: 24%;
		margin-left: 2%;
		height: 6rem
	}

	.hot_news li:nth-child(1) {
		width: 48%;
		height: 12.6rem
	}

	.hot_news li:nth-child(n+2):nth-child(-n+3) {
		margin-bottom: .6rem
	}

	.hot_news li p {
		font-size: 1rem;
		line-height: 1.8rem;
		height: 1.8rem
	}

	.hot_news li:nth-child(1) p {
		font-size: 1rem;
		height: 2.4rem;
		line-height: 2.4rem
	}

	.cate_box {
		margin: 2rem auto;
		width: 90%
	}

	.cate_list {
		width: 100%
	}

	.cate_list .item {
		margin-bottom: 2rem
	}

	.cate_list .item .title {
		padding-bottom: .5rem
	}

	.cate_list .item .title:after {
		width: 3.5rem;
		height: 1px
	}

	.cate_list .item .title a {
		font-size: 1.4rem
	}

	.cate_list .item .list {
		margin: .5rem 0
	}

	.cate_list .item .list li {
		width: 48%
	}

	.cate_list .item .list li:nth-child(3) {
		display: none
	}

	.cate_list .item .list li img {
		height: 6rem
	}

	.cate_list .item .list li span {
		font-size: 1.2rem;
		line-height: 2.4rem
	}

	.cate_list .item .list li p {
		font-size: 1rem;
		padding: .5rem 0;
		line-height: 1.6rem
	}

	.cate_bar_box {
		width: 38%
	}

	.cate_bar {
		width: 100%
	}

	.cate_bar .title {
		font-size: 1.4rem;
		line-height: 3rem
	}

	.cate_bar .title.platform {
		margin: 0
	}

	.cate_bar .tags_list {
		padding: .5rem
	}

	.cate_bar .tags_list a {
		font-size: 1.2rem;
		display: block;
		line-height: 2rem
	}

	.cate_bar .special {
		height: 10rem
	}

	.cate_bar .special .swiper-button {
		width: 1.5rem;
		height: 2rem;
		top: 55%
	}

	.cate_bar .special .swiper-button i {
		font-size: .5rem
	}

	.cate_bar .special .swiper-pagination {
		bottom: 3rem
	}

	.cate_bar .special .swiper-pagination span {
		width: .5rem;
		height: .5rem;
		margin: 0 2px !important
	}

	.cate_bar .special .swiper-slide p {
		font-size: 1rem;
		line-height: 2.4rem;
		padding: 0 5%
	}

	.bar_form {
		margin: 0 .5rem
	}

	.bar_form .layui-form-item {
		margin-bottom: 1rem;
		border-radius: .5rem
	}

	.bar_form .layui-form-item label {
		font-size: 1rem;
		width: 3rem;
		height: auto;
		line-height: 2.4rem
	}

	.bar_form .layui-input-block {
		width: calc(100% - 3rem)
	}

	.bar_form .layui-input-block input {
		height: 2.4rem;
		padding: 0 .5rem;
		font-size: 1rem
	}

	.bar_form .layui-input-block input::-webkit-input-placeholder {
		line-height: normal
	}

	.bar_form .layui-input-block input::-moz-placeholder {
		line-height: normal
	}

	.bar_form .layui-input-block input:-ms-input-placeholder {
		line-height: normal
	}

	.bar_form .layui-input-block .layui-input-inline {
		display: inline-block
	}

	.bar_form .layui-form-select dl {
		top: 2.4rem;
		font-size: 1rem
	}

	.bar_form .layui-form-select dl dd,
	.bar_form .layui-form-select dl dt {
		line-height: 2.4rem;
		height: 2.4rem
	}

	.bar_form .layui-form-select .layui-edge {
		width: 1.2rem
	}

	.bar_form textarea {
		min-height: .6rem;
		padding: .2rem;
		font-size: 1rem;
		line-height: 2.4rem;
		height: 6rem
	}

	.bar_form button {
		margin-top: 0;
		line-height: 2rem;
		height: 2rem;
		border-radius: .5rem;
		font-size: 1.2rem
	}

	.cate_bar .tips {
		font-size: 1rem;
		line-height: 1.4rem;
		margin: 1rem 0
	}

	.cate_bar .wechat {
		width: 90%;
		margin: 1rem auto
	}

	.cate_bar .wechat img {
		height: 4rem
	}

	.cate_bar .wechat p {
		font-size: 1rem;
		line-height: 2rem;
		margin-left: 5%
	}

	.cate_list .item .list_tab {
		margin: 1rem 0 0;
		height: 10.9rem
	}

	.cate_list .item .list_tab .tab_left li {
		line-height: 1.4rem;
		height: 1.4rem;
		margin-bottom: .5rem
	}

	.cate_list .item .list_tab .tab_left li a {
		font-size: 1rem
	}

	.case_banner {
		height: 18rem
	}

	.case_banner .content {
		width: 80%;
		margin: 0 auto
	}

	.case_banner .content:after {
		width: 2.8rem;
		bottom: 1rem
	}

	.case_banner .content .title {
		font-size: 1.6rem
	}

	.case_banner .content .nr {
		font-size: 1.2rem;
		line-height: 1.8rem;
		margin-top: .5rem
	}

	.case_banner .content .h {
		width: 2.8rem;
		margin-top: .5rem
	}

	.case_banner .content .button {
		width: 8rem;
		height: 2.4rem;
		line-height: 2.4rem;
		font-size: 1.2rem;
		margin-top: 1rem
	}

	.case_advantage {
		padding: 30px 0
	}

	.case_advantage li {
		display: block;
		text-align: center;
		margin-bottom: 30px
	}

	.case_advantage li:nth-child(2n+2) {
		flex-flow: row wrap
	}

	.case_advantage li div {
		width: 100%
	}

	.case_advantage li .content {
		margin-top: 20px
	}

	.case_advantage li .content span {
		font-size: 1.6rem
	}

	.case_advantage li .content p {
		font-size: 1.4rem;
		line-height: 1.8rem;
		margin-top: 40px
	}

	.case_advantage li .content span:after {
		width: 40px;
		bottom: -20px;
		left: 50%;
		margin-left: -20px
	}

	.office_difference {
		margin-bottom: 2rem
	}

	.office_difference .list {
		width: 95%
	}

	.office_difference li {
		width: 48%
	}

	.office_difference li .content {
		margin-top: 20px
	}

	.office_difference li .content span {
		font-size: 1.6rem
	}

	.office_difference li .content p {
		font-size: 1.2rem;
		line-height: 1.8rem;
		margin-top: 40px
	}

	.office_difference li .content span:after {
		width: 40px;
		bottom: -20px;
		left: 0
	}

	.smart_office_value .list {
		flex-flow: row wrap;
		margin-bottom: 30px
	}

	.smart_office_value .list li {
		width: 48%;
		margin-bottom: 1rem
	}

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

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

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

	.smart_office_help .list ul {
		margin-bottom: 30px
	}

	.smart_office_help .list ul:nth-child(3) {
		margin-bottom: 30px
	}

	.smart_office_help .list ul li {
		width: 30% !important
	}

	.smart_office_help .list li img {
		height: 30px
	}

	.smart_office_help .list li p {
		font-size: 12px;
		margin-top: 6px;
		line-height: 20px
	}

	.case_product_ad .list {
		width: 90%;
		margin: 0 auto 2rem
	}

	.case_product_ad .list li {
		width: 49%;
		margin-bottom: .6rem !important;
		height: 16rem
	}

	.case_product_ad .list li:nth-last-child(-n+2) {
		margin-bottom: 0 !important
	}

	.case_product_ad .list li a {
		margin: 1rem 0
	}

	.case_product_ad .list li .img {
		height: 11rem
	}

	.case_product_ad .list li .img img {
		max-height: 70%
	}

	.case_product_ad .list li .title {
		height: 3rem;
		line-height: 3rem;
		font-size: 1.4rem
	}

	.win_cooperation {
		min-height: 20rem
	}

	.win_cooperation .content {
		width: 90%
	}

	.win_cooperation .content .title {
		font-size: 1.6rem;
		margin-bottom: 1rem;
		line-height: 1.6rem
	}

	.win_cooperation .content .text {
		font-size: 1.2rem;
		line-height: 2rem
	}

	.office_contact {
		width: 90%;
		padding: 30px 2rem;
		margin: 0 auto 2rem
	}

	.office_contact .layui-form-item {
		margin-bottom: 2rem
	}

	.office_contact .layui-form-item label {
		font-size: 1.4rem;
		margin-bottom: 2rem
	}

	.office_contact .layui-form-item .layui-input-block input {
		height: 3rem;
		font-size: 1.4rem;
		padding: 0 2rem
	}

	.office_contact .layui-form-item .layui-input-block.checkbox li .layui-form-radio:first-of-type {
		margin-bottom: .5rem
	}

	.office_contact .layui-form-item .layui-input-inline {
		margin: 0;
		left: 0
	}

	.office_contact button {
		height: 3rem;
		font-size: 1.4rem;
		line-height: 3rem
	}

	.body_union_office .case_banner .content {
		margin: 0 2rem;
		width: auto
	}

	.case_programme .list {
		width: 90%
	}

	.case_programme .list ul li {
		width: 48%;
		height: 11.5rem;
		margin-bottom: 2rem !important
	}

	.case_programme .list ul li:nth-last-child(-n+2) {
		margin-bottom: 0 !important
	}

	.case_programme .list ul li a {
		font-size: 1.4rem
	}

	.system_function .list {
		flex-flow: row wrap;
		margin: 0 2rem 3rem
	}

	.system_function .list li {
		width: 48%;
		margin-bottom: 1rem;
		height: auto
	}

	.system_function.list4 li:nth-last-child(-n+4) {
		margin-bottom: 1rem
	}

	.system_function .list li:nth-last-child(-n+3) {
		margin-bottom: 1rem
	}

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

	.system_function .list li a {
		margin-top: 2rem
	}

	.system_function .list li .img img {
		height: 30px
	}

	.system_function .list li .title {
		margin-top: 1rem
	}

	.system_function .list li .title span {
		font-size: 1.4rem;
		margin-bottom: .5rem;
		line-height: 2rem
	}

	.system_function .list li .title p {
		font-size: 1rem;
		line-height: 1.5rem;
		margin: 0 1rem 2rem
	}

	.system_function.list5 li {
		padding: 3rem 0
	}

	.system_function.list5 li:nth-last-child(2) {
		margin-bottom: 1rem
	}

	.system_function.list5 li a {
		margin-top: 0
	}

	.system_function.list5 li:nth-last-child(-n+5) {
		margin-bottom: 1rem
	}

	.system_function.list5 li:nth-last-child(-n+2) {
		margin-bottom: 0
	}

	.temperature_detection .product_banner .content {
		display: flex;
		flex-direction: row;
		position: absolute;
		width: 100%;
		height: 90%;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		margin: 0;
		padding: 0 2rem
	}

	.temperature_detection .product_banner .content .text {
		width: 75%
	}

	.temperature_detection .product_banner .content .text .title {
		line-height: 2.5rem;
		margin-bottom: 1.5rem
	}

	.temperature_detection .product_banner .content .img img {
		width: auto;
		height: 12rem;
		max-height: inherit
	}

	.temperature_detection .propaganda .content {
		flex-wrap: wrap
	}

	.temperature_detection .propaganda .pc {
		display: none
	}

	.temperature_detection .propaganda .mobile {
		display: block
	}

	.temperature_detection .propaganda .mobile .video {
		float: left
	}

	.temperature_detection .propaganda .mobile .text {
		float: right
	}

	.temperature_detection .propaganda .mobile .zx {
		width: 100%;
		text-align: center
	}

	.temperature_detection .propaganda .mobile .zx button {
		width: 200px
	}

	.temperature_detection .propaganda .video {
		width: 55%;
		height: auto
	}

	.temperature_detection .propaganda .text {
		width: 40%;
		font-size: 1.2rem;
		line-height: 2rem
	}

	.temperature_detection .propaganda button {
		width: 100%;
		line-height: 40px;
		margin-top: 30px;
		flex-basis: 100%
	}

	.applicable_scenario .list ul {
		flex-flow: row wrap
	}

	.applicable_scenario .list ul li {
		width: 47%;
		margin-bottom: 2rem
	}

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

	.applicable_scenario .list ul li .box2:hover .text .cir-wrap {
		display: inline-block
	}

	.applicable_scenario .list ul li .box2:hover .text .title {
		display: block
	}

	.applicable_product {
		margin-top: 3rem
	}

	.applicable_product .content {
		flex-flow: column-reverse wrap
	}

	.applicable_product .content .text {
		margin-top: 2rem;
		max-width: 100%
	}

	.applicable_product .content .text .title {
		font-size: 1.4rem;
		margin-bottom: 3rem
	}

	.applicable_product .content .text .ms {
		font-size: 1.4rem;
		line-height: 2rem
	}

	.applicable_qualifications .content li {
		width: 18%;
		margin-bottom: .5rem
	}

	.office_contact {
		width: 90%;
		padding: 3rem 2rem;
		margin: 0 2rem 2rem
	}

	.office_contact .layui-form-item {
		margin-bottom: 1rem
	}

	.office_contact .layui-form-item label {
		font-size: 1.4rem;
		margin-bottom: 1rem
	}

	.office_contact .layui-form-item .layui-input-block input {
		height: 3rem;
		font-size: 1.4rem
	}

	.office_contact .layui-form-item .layui-input-inline {
		margin: 0;
		left: 0
	}

	.office_contact button {
		height: 3rem;
		font-size: 1.4rem;
		line-height: 3rem;
		margin-top: 1rem
	}

	.office_contact .checkbox li .layui-form-checkbox {
		margin-top: 0;
		margin-bottom: 1rem
	}

	.office_contact .layui-form-item .layui-input-block.checkbox li {
		width: 48%
	}

	.office_contact .layui-form-item .layui-input-block.checkbox li:nth-child(-n+2) {
		margin-bottom: .5rem
	}

	.applicable_contact .office_contact {
		width: 90%;
		margin-bottom: 0
	}

	.applicable_contact .title {
		font-size: 1.4rem;
		margin-bottom: 3rem
	}

	.applicable_contact .office_contact .layui-form-item .layui-input-block input {
		line-height: 4rem;
		height: 4rem;
		font-size: 1.4rem;
		padding: 0 2rem !important
	}

	.applicable_contact .office_contact .layui-form-item .layui-input-block input::-moz-placeholder {
		line-height: 4rem
	}

	.applicable_contact .office_contact .layui-form-item .layui-input-block input::-webkit-input-placeholder {
		line-height: 4rem
	}

	.applicable_contact .office_contact .layui-form-item .layui-input-block input:-ms-input-placeholder {
		line-height: 4rem
	}

	.applicable_contact .office_contact .layui-form-item {
		margin-bottom: 3rem
	}

	.applicable_contact .office_contact button {
		font-size: 1.4rem;
		height: 4rem;
		line-height: 4rem
	}

	.applicable_contact .office_contact .layui-form-select dl {
		top: 4rem
	}

	.applicable_contact .office_contact .layui-form-selectup dl {
		top: auto;
		bottom: 4rem
	}

	.relevant_news {
		display: block
	}

	.system_advantage .list ul {
		margin-bottom: 2rem
	}

	.system_advantage .list ul li .box .img img {
		height: 3rem
	}

	.system_advantage .list ul li .box span {
		font-size: 1.4rem
	}

	.system_advantage .list ul li .box2 {
		display: flex;
		align-items: center
	}

	.system_advantage .list ul li .box2 .text {
		width: 90%;
		height: auto;
		top: 0
	}

	.system_advantage .list ul li:hover .box2 .text {
		top: 0
	}

	.system_advantage .list ul li .box2 .text .cir-wrap {
		width: 40px;
		height: 40px
	}

	.system_advantage .list ul li .box2 .text .cir-wrap img {
		height: 30px;
		display: inline-block
	}

	.system_advantage .list ul li .box2:hover .text .cir-wrap {
		display: none
	}

	.system_advantage .list ul li .box2:hover .text .title {
		display: none
	}

	.system_advantage .list ul li .box2 .text .title {
		font-size: 1.2rem;
		margin-bottom: 1.4rem;
		line-height: 2rem
	}

	.system_advantage .list ul li .box2 .text .title:before {
		bottom: -0.7rem;
		width: 30px
	}

	.system_advantage .list ul li .box2 .text .content {
		display: none;
		font-size: 1.2rem;
		line-height: 1.5rem;
		margin-top: 0
	}

	.system_advantage .list ul li:hover .box2 .text .content {
		display: block
	}

	.conference_room_process .list ul {
		margin-bottom: 30px
	}

	.conference_room_process .list li {
		width: 48%;
		margin-bottom: 1.5rem
	}

	.conference_room_process .list li:nth-child(5),
	.conference_room_process .list li:nth-child(6) {
		margin-bottom: 1.5rem !important
	}

	.conference_room_process .list li a {
		height: 220px
	}

	.conference_room_process .list li span {
		width: 40px;
		height: 40px;
		background-size: cover;
		right: -26px
	}

	.conference_room_process .list li span img {
		height: 20px
	}

	.conference_room_process .list li:nth-child(2) span {
		top: auto;
		bottom: -28px;
		left: 50%;
		margin-left: -26px;
		transform: rotate(90deg)
	}

	.conference_room_process .list li:nth-child(3) span {
		top: auto;
		bottom: -28px;
		left: 50%;
		margin-left: -26px;
		transform: rotate(90deg)
	}

	.conference_room_process .list li:nth-child(4) span {
		left: 0;
		top: 50%;
		margin-left: -28px;
		margin-top: -20px;
		transform: rotate(180deg)
	}

	.conference_room_process .list li:nth-child(5) span {
		right: -26px;
		top: 50%;
		margin-top: -20px;
		transform: rotate(180deg)
	}

	.conference_room_process .list li:nth-child(6) span {
		top: auto;
		bottom: -28px;
		left: 50%;
		margin-left: -26px;
		transform: rotate(270deg)
	}

	.conference_room_process .list li .title {
		font-size: 1.6rem
	}

	.conference_room_process .list li .img {
		margin: 3rem 0 2.6rem
	}

	.conference_room_process .list li img {
		height: 30px
	}

	.conference_room_process .list li .text {
		font-size: 1.2rem;
		line-height: 1.6rem;
		padding: 0 10px
	}

	.proVideo .video video {
		width: 100%
	}

	.n_banner .video-title {
		font-size: 1.6rem;
		margin-bottom: 0;
		font-weight: bold;
		letter-spacing: 0rem
	}

	.n_banner .video-t-desc {
		font-size: 1.2rem
	}

	.n-cate .device_title li a {
		font-size: 16px
	}

	.new-desc-l .news-desc-c p {
		font-size: 14px;
		line-height: 24px
	}

	.join .content {
		padding: 10px 0
	}

	.join .join_title {
		margin-bottom: 10px
	}

	.join .join_title li {
		width: 50%;
		margin-right: 0
	}

	.join .join_list .main {
		width: 100%;
		overflow-x: auto
	}

	.join .join_list .main table {
		width: 150%
	}

	.join .join_list table h3 {
		margin-bottom: 5px;
		font-size: 14px
	}

	.join .join_list table p {
		line-height: 22px
	}
}