/* 场景 开始 */
.itembox1-container {
	width: 100%;
	padding: 10px 0 90px 0;
}
.itembox1-container .itembox1-top {
	width: 100%;
	margin-bottom: 60px;
}
.itembox1-container .itembox1-top .tit {
	width: 100%;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	color: #202020;
	margin-bottom: 20px;
}
.itembox1-container .itembox1-top .small {
	width: 100%;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	color: #999;
}
.itembox1-container .itembox1-box {
	width: 100%;
}
.itembox1-container .itembox1-box .group {
	width: 100%;
	margin-bottom: 20px;
}
.itembox1-container .itembox1-box .group .imgbox {
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
}
.itembox1-container .itembox1-box .group .imgbox img {
	width: 100%;
	height: auto;
	transform: scale(1,1);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.itembox1-container .itembox1-box .group:hover .imgbox img {
	transform: scale(1.1, 1.1);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.itembox1-container .itembox1-box .group .text {
	width: 100%;
	font-size: 30px;
	font-weight: 400;
	color: #202020;
}
/* 场景 结束 */

/* 订房系统 开始 */
.itembox2-container {
	width: 100%;
	padding: 90px 0;
}
.itembox2-container .itembox2-top {
	width: 100%;
	margin-bottom: 50px;
}
.itembox2-container .itembox2-top .tit {
	width: 100%;
	text-align: center;
	font-size: 36px;
	font-weight: 400;
	color: #202020;
}
.itembox2-container .itembox2-box {
	width: 100%;
}
.itembox2-container .itembox2-box .group {
	width: 100%;
	margin-bottom: 60px;
}
.itembox2-container .itembox2-box .group .tit {
	width: 100%;
	font-size: 30px;
	font-weight: 400;
	color: #202020;
}
.itembox2-container .itembox2-box .group .small {
	width: 100%;
	font-size: 20px;
	font-weight: 400;
	color: #666666;
}
.itembox2-container .itembox2-box .imgbox {
	width: 100%
}
.itembox2-container .itembox2-box .imgbox img {
	width: 100%;
	height: auto;
}
/* 订房系统 结束   */

/* 预订小程序 开始 */
.itembox3-container {
	width: 100%;
	padding: 90px 0;
}
.itembox3-container .itembox3-top {
	width: 100%;
	margin-bottom: 60px;
}
.itembox3-container .itembox3-top .tit {
	width: 100%;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	color: #202020;
	margin-bottom: 30px;
}
.itembox3-container .itembox3-top .small {
	width: 100%;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	color: #999;
}
.itembox3-container .itembox3-box {
	width: 100%;
}
.itembox3-container .itembox3-box .imgbox {
	width: 100%;
	margin-bottom: 20px;
	line-height: 0;
	font-size: 0;
	text-align: center;
}
.itembox3-container .itembox3-box .imgbox img {
	width: 60%;
	height: auto;
}
.itembox3-container .itembox3-box .group {
	width: 100%;
	margin-bottom: 60px;
}
.itembox3-container .itembox3-box .group:last-of-type {
	margin-bottom: 0;
}
.itembox3-container .itembox3-box .group .label {
	margin-right: 20px;
	line-height: 36px;
	height: 36px;
}
.itembox3-container .itembox3-box .group .label i {
	width: 18px;
	height: 18px;
	border-radius: 2px;
	display: inline-block;
	vertical-align: middle;
}
.itembox3-container .itembox3-box .group .label i.i1 {
	background-color: #EA617B;
}
.itembox3-container .itembox3-box .group .label i.i2 {
	background-color: #F3C31E;
}
.itembox3-container .itembox3-box .group .label i.i3 {
	background-color: #77c7f0;
}
.itembox3-container .itembox3-box .group .label i.i4 {
	background-color: #22ac38;
}
.itembox3-container .itembox3-box .group .label i.i5 {
	background-color: #f39800;
}
.itembox3-container .itembox3-box .group .info {
	font-size: 28px;
	font-weight: 400;
	color: #202020;
}
/* 预订小程序 结束 */

/* 技术支持 开始 */
.itembox4-container {
	width: 100%;
	padding: 90px 0;
}
.itembox4-container .itembox4-box {
	width: 100%;
}
.itembox4-container .itembox4-box .box-top {
	width: 100%;
	position: relative;
	margin-bottom: 10px;
	padding: 0 15px;
}
.itembox4-container .itembox4-box .box-top .imgbox {
	max-width: 70%;
	height: 456px;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.itembox4-container .itembox4-box .box-top .imgbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.itembox4-container .itembox4-box .box-top .textbox {
	width: 520px;
	height: 348px;
	background-color: #fff;
	box-shadow: 0 5px 16px 0 rgba(104, 149, 205, 0.19);
	padding: 30px 40px;
	position: absolute;
	top: 50%;
	margin-top: -174px;
	right: 15px;
	z-index: 1;
}
.itembox4-container .itembox4-box .box-top .textbox .tit {
	width: 100%;
	font-size: 30px;
	font-weight: 400;
	color: #202020;
}
.itembox4-container .itembox4-box .box-top .textbox .hr {
	width: 327px;
	height: 1px;
	background-color: #ddd;
	margin-top: 30px;
	margin-bottom: 48px;
}
.itembox4-container .itembox4-box .box-top .textbox .small {
	width: 100%;
	font-size: 20px;
	font-weight: 400;
	color: #202020;
}
.itembox4-container .itembox4-box .box-down {
	width: 100%;
}
.itembox4-container .itembox4-box .box-down .group {
	width: 100%;
	background-color: #fff;
	box-shadow: 0 7px 20px 0 rgba(104, 149, 205, 0.26);
	padding: 30px 0;
	margin-bottom: 20px;
	text-align: center;
	font-size: 27px;
	font-weight: 700;
	color: #1f334c;
}
/* 技术支持 结束 */

/* PMS系统 开始 */
.PMS-container {
	width: 100%;
	padding: 90px 0;
}
.PMS-container .PMS-top {
	width: 100%;
	margin-bottom: 60px;
}
.PMS-container .PMS-top .tit {
	width: 100%;
	text-align: center;
	font-size: 36px;
	font-weight: 400;
	color: #202020;
	margin-bottom: 10px;
}
.PMS-container .PMS-top .small {
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	color: #666;
}
.PMS-container .PMS-box {
	width: 100%;
}
.PMS-container .PMS-box .group {
	width: 100%;
	border-right: 1px solid #ddd;
	margin-bottom: 20px;
}
.PMS-container .PMS-box .colbox:last-of-type .group {
	border-right: 0;
}
.PMS-container .PMS-box .group .iconbox {
	width: 40px;
	margin-right: 20px;
}
.PMS-container .PMS-box .group .iconbox .icon {
	font-size: 40px;
	color: #333;
}
.PMS-container .PMS-box .group .info {
	padding-right: 15px;
}
.PMS-container .PMS-box .group .info .tit {
	width: 100%;
	font-size: 20px;
	font-weight: 400;
	color: #202020;
}
.PMS-container .PMS-box .group .info .small {
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	color: #999;
}
/* PMS系统 结束 */

/* 轮播图模块 开始 */
.imgbox5-container {
	width: 100%;
	margin: 90px 0;
	padding: 60px 0;
	background-image: url(/skin/v3/img/hotel-bg-1.jpg);
	background-position: 50%;
	background-size: cover;
}
.imgbox5-container .imgbox5-box {
	width: 100%;
}
.imgbox5-container .imgbox5-box .banner,
.imgbox5-container .imgbox5-box .banner .swiper-wrapper, 
.imgbox5-container .imgbox5-box .banner .swiper-wrapper .swiper-slide {
	width: 100%;
}
.imgbox5-container .imgbox5-box .banner .box-top {
	width: 100%;
	margin-bottom: 60px;
}
.imgbox5-container .imgbox5-box .banner .box-top .tit {
	width: 100%;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	color: #fff;
}
.imgbox5-container .imgbox5-box .banner .box-con {
	width: 90%;
	margin: 0 auto;
}
.imgbox5-container .imgbox5-box .banner .box-con .group {
	width: 100%;
	padding: 60px 30px;
	border: 3px dashed #fff;
	border-radius: 13px;
	margin-bottom: 20px;
}
.imgbox5-container .imgbox5-box .banner .box-con .group .iconbox {
	width: 80px;
	margin: 0 auto 30px;
	text-align: center;
}
.imgbox5-container .imgbox5-box .banner .box-con .group .iconbox .icon {
	font-size: 42px;
	color: #fff;
	display: inline-block;
}
.imgbox5-container .imgbox5-box .banner .box-con .group .info {
	width: 100%;
}
.imgbox5-container .imgbox5-box .banner .box-con .group .info .tit {
	width: 100%;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	color: #fff;
	margin-bottom: 40px;
}
.imgbox5-container .imgbox5-box .banner .box-con .group .info .small {
	width: 100%;
	min-height: 42px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #d0cece;
}
.imgbox5-container .imgbox5-box .banner .swiper-button-next,
.imgbox5-container .imgbox5-box .banner .swiper-button-prev {
	color: #fff;
}
/* 轮播图模块 结束 */

/* 技术 开始 */
.technology-container {
	width: 100%;
	padding: 50px 0;
}
.technology-container .technology-top {
	width: 100%;
	margin-bottom: 88px;
}
.technology-container .technology-top .tit {
	width: 100%;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	color: #202020;
	margin-bottom: 30px;
}
.technology-container .technology-top .small {
	width: 100%;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	color: #666;
}
.technology-container .technology-box {
	width: 100%;
	padding: 30px 15px 0 15px;
	border-radius: 10px;
	box-shadow: 0 0 4px 4px rgba(221, 221, 221, 0.5);
}
.technology-container .technology-box .group {
	width: 100%;
	margin-bottom: 30px;
}
.technology-container .technology-box .group .imgbox {
	width: 50%;
	height: 200px;
	margin-right: 30px;
	overflow: hidden;
}
.technology-container .technology-box .group .imgbox .ibox {
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-size: cover;
	transform:scale(1, 1);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.technology-container .technology-box .group:hover .imgbox .ibox {
	transform:scale(1.1, 1.1);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.technology-container .technology-box .group .info .tit {
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	color: #202020;
	margin-bottom: 5px;
}
.technology-container .technology-box .group .info .hr {
	width: 80%;
	height: 1px;
	background-color: #999;
	margin-bottom: 30px;
}
.technology-container .technology-box .group .info .small {
	width: 70%;
	font-size: 14px;
	font-weight: 400;
	color: #666;
}
/* 技术 结束 */

/* 服务 开始 */
.service-container {
	width: 100%;
	padding: 50px 0;
}
.service-container .service-top {
	width: 100%;
	margin-bottom: 40px;
}
.service-container .service-top .tit {
	width: 100%;
	text-align: center;
	font-size: 36px;
	font-weight: 400;
	color: #202020;
}
.service-container .service-box {
	width: 100%;
	padding: 30px 0 30px 0;
	background-color: #1F334C;
}
.service-container .service-box .group {
	width: 100%;
	margin-bottom: 20px;
}
.service-container .service-box .group .iconbox {
	width: 46px;
	margin: 0 auto;
}
.service-container .service-box .group .iconbox .icon {
	font-size: 42px;
	color: #f1f1f1;
}
.service-container .service-box .group .info {
	width: 100%;
}
.service-container .service-box .group .info .tit {
	width: 100%;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	color: #f1f1f1;
}
.service-container .service-box .group .info .small {
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #f1f1f1;
}
/* 服务 结束 */

/* 免费试用 开始 */
.btns-container {
	width: 100%;
	padding: 50px 0;
}
.btns-container .btns-top {
	width: 100%;
	margin-bottom: 50px;
}
.btns-container .btns-top .tit {
	width: 100%;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	color: #202020;
}
.btns-container .btns-box {
	width: 100%;
	text-align: center;
}
.btns-container .btns-box .btns {
	width: 218px;
	height: 63px;
	line-height: 63px;
	display: inline-block;
	background-color: #1F334C;
	border: 1px solid #1F334C;
	border-radius: 10px;
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.btns-container .btns-box .btns:hover {
	color: #1f334c;
	background-color: #fff;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
/* 免费试用 结束 */


/* 移动端兼容性样式 开始 */
.itembox1-container.m-mobile {
	padding: .8rem 0;
}
.itembox1-container.m-mobile .itembox1-top {
	margin-bottom: .4rem;
}
.itembox1-container.m-mobile .itembox1-top .tit {
	font-size: .72rem;
	margin-bottom: .4rem;
}
.itembox1-container.m-mobile .itembox1-top .small {
	font-size: .48rem;
}
.itembox1-container.m-mobile .itembox1-box .group {
	margin-bottom: .4rem;
}
.itembox1-container.m-mobile .itembox1-box .group .imgbox {
	margin-bottom: .2rem;
}
.itembox1-container.m-mobile .itembox1-box .group .text {
	font-size: .56rem;
}
.itembox2-container.m-mobile {
	padding: .8rem 0;
}
.itembox2-container.m-mobile .itembox2-top {
	margin-bottom: .4rem;
}
.itembox2-container.m-mobile .itembox2-top .tit {
	font-size: .72rem;
}
.itembox2-container.m-mobile .itembox2-box .group {
	margin-bottom: .8rem;
}
.itembox2-container.m-mobile .itembox2-box .group .tit {
	font-size: .56rem;
}
.itembox2-container.m-mobile .itembox2-box .group .small {
	font-size: .48rem;
}
.itembox2-container.m-mobile .itembox2-box .imgbox {
	text-align: center;
	line-height: 0;
	font-size: 0;
}
.itembox2-container.m-mobile .itembox2-box .imgbox img {
	width: 60%;
	display: inline-block;
}
.itembox3-container.m-mobile {
	padding: .8rem 0;
}
.itembox3-container.m-mobile .itembox3-top {
	margin-bottom: .4rem;
}
.itembox3-container.m-mobile .itembox3-top .tit {
	font-size: .72rem;
	margin-bottom: .4rem;
}
.itembox3-container.m-mobile .itembox3-top .small {
	font-size: .48rem;
}
.itembox3-container.m-mobile .itembox3-box .group {
	margin-bottom: .4rem;
}
.itembox3-container.m-mobile .itembox3-box .group .label {
	margin-right: .4rem;
	line-height: .48rem;
	height: .48rem;
}
.itembox3-container.m-mobile .itembox3-box .group .label i {
	width: .32rem;
	height: .32rem;
}
.itembox3-container.m-mobile .itembox3-box .group .info {
	font-size: .48rem;
}
.itembox4-container.m-mobile {
	padding: .8rem 0;
}
.itembox4-container.m-mobile .itembox4-box .box-top .imgbox {
	max-width: 100%;
	width: 100%;
	height: auto;
}
.itembox4-container.m-mobile .itembox4-box .box-top .imgbox img {
	width: 100%;
	height: 100%;
}
.itembox4-container.m-mobile .itembox4-box .box-top .textbox {
	width: 100%;
	height: auto;
	position: relative;
	top: 0;
	margin-top: 0;
	right: 0;
	padding: .4rem;
	box-shadow: 0 .08rem .2rem 0 rgb(104 149 205 / 19%);
}
.itembox4-container.m-mobile .itembox4-box .box-top .textbox .tit {
	font-size: .56rem;
}
.itembox4-container.m-mobile .itembox4-box .box-top .textbox .hr {
	width: 4.36rem;
	margin-top: .4rem;
	margin-bottom: .64rem;
}
.itembox4-container.m-mobile .itembox4-box .box-top .textbox .small {
	font-size: .48rem;
}
.itembox4-container.m-mobile .itembox4-box .box-down .col-lg-2.col-md-4.col-sm-6 {
	width: 50%;
}
.itembox4-container.m-mobile .itembox4-box .box-down .group {
	padding: .4em 0;
	font-size: .52rem;
	box-shadow: 0 .08rem .2rem 0 rgb(104 149 205 / 26%);
}
.PMS-container.m-mobile {
	padding: .8rem 0;
}
.PMS-container.m-mobile .PMS-top {
	margin-bottom: .8rem;
}
.PMS-container.m-mobile .PMS-top .tit {
	font-size: .72rem;
	margin-bottom: .2rem;
}
.PMS-container.m-mobile .PMS-top .small {
	font-size: .48rem;
}
.PMS-container.m-mobile .PMS-box .group {
	border-right: 0;
	margin-bottom: .4rem;
}
.PMS-container.m-mobile .PMS-box .group .iconbox {
	width: .8rem;
	margin-right: .4rem;
}
.PMS-container.m-mobile .PMS-box .group .iconbox .icon {
	font-size: .8rem;
}
.PMS-container.m-mobile .PMS-box .group .info {
	padding: 0;
}
.PMS-container.m-mobile .PMS-box .group .info .tit {
	font-size: .48rem;
}
.PMS-container.m-mobile .PMS-box .group .info .small {
	font-size: .36rem;
}
.imgbox5-container.m-mobile {
	margin: .4rem 0;
	padding: .8rem 0;
}
.imgbox5-container.m-mobile .imgbox5-box .banner .box-top {
	margin-bottom: .4rem;
}
.imgbox5-container.m-mobile .imgbox5-box .banner .box-top .tit {
	font-size: .72rem;
}
.imgbox5-container.m-mobile .imgbox5-box .banner .box-con .group {
	padding: .4rem .2rem;
	border: 3px dashed #fff;
	border-radius: .2rem;
	margin-bottom: .4rem;
}
.imgbox5-container.m-mobile .imgbox5-box .banner .box-con .group .iconbox {
	width: .8rem;
	margin: 0 auto .2rem;
}
.imgbox5-container.m-mobile .imgbox5-box .banner .box-con .group .iconbox .icon {
	font-size: .8rem;
}
.imgbox5-container.m-mobile .imgbox5-box .banner .box-con .group .info .tit {
	font-size: .48rem;
	margin-bottom: .2rem;
}
.imgbox5-container.m-mobile .imgbox5-box .banner .box-con .group .info .small {
	min-height: auto;
	font-size: .36rem;
}
.imgbox5-container.m-mobile .imgbox5-box .banner .swiper-button-next {
	right: 0;
	left: auto;
}
.imgbox5-container.m-mobile .imgbox5-box .banner .swiper-button-prev {
	right: auto;
	left: 0;
}
.technology-container.m-mobile {
	padding: .8rem 0;
}
.technology-container.m-mobile .technology-top {
	margin-bottom: .8rem;
}
.technology-container.m-mobile .technology-top .tit {
	font-size: .72rem;
	margin-bottom: .4rem;
}
.technology-container.m-mobile .technology-top .small {
	font-size: .4rem;
}
.technology-container.m-mobile .technology-box {
	padding: .4rem .2rem 0 .2rem;
}
.technology-container.m-mobile .technology-box .group {
	margin-bottom: .4rem;
}
.technology-container.m-mobile .technology-box .group .imgbox {
	height: 4.8rem;
	margin-right: .4rem;
}
.technology-container.m-mobile .technology-box .group .info .tit {
	font-size: .4rem;
}
.technology-container.m-mobile .technology-box .group .info .hr {
	margin-bottom: .4rem;
}
.technology-container.m-mobile .technology-box .group .info .small {
	width: 100%;
	font-size: .36rem;
}
.service-container.m-mobile {
	padding: .64rem 0;
}
.service-container.m-mobile .service-top {
	margin-bottom: .4rem;
}
.service-container.m-mobile .service-top .tit {
	font-size: .72rem;
}
.service-container.m-mobile .service-box {
	padding: .64rem 0 .4rem 0;
}
.service-container.m-mobile .service-box .col-lg-2.col-md-2.col-sm-4 {
	width: 50%;
}
.service-container.m-mobile .service-box .group {
	margin-bottom: .2rem;
}
.service-container.m-mobile .service-box .group .iconbox {
	width: .64rem;
}
.service-container.m-mobile .service-box .group .iconbox .icon {
	font-size: .64rem;
}
.service-container.m-mobile .service-box .group .info .tit {
	font-size: .4rem;
}
.service-container.m-mobile .service-box .group .info .small {
	font-size: .36rem;
}
.btns-container.m-mobile {
	padding: .64rem 0;
}
.btns-container.m-mobile .btns-top {
	margin-bottom: .48rem;
}
.btns-container.m-mobile .btns-top .tit {
	font-size: .72rem;
}
.btns-container.m-mobile .btns-box .btns {
	width: 3.6rem;
	height: .92rem;
	line-height: .92rem;
	border-radius: .2rem;
	font-size: .36rem;
} 
/* 移动端兼容性样式 结束 */


