.container{}

.col{
	background: #fff;
    padding: 50px 0;
}
.col .content{}
.col .h2{
	text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
    color: #2269df;
    margin-bottom: 20px;
    letter-spacing: 2px;
}
.col .h2 span{
	position: relative;
}
.col .h2 span:after{
	display: block;
	content: '';
	position: absolute;
	width: 50%;
	height: 1px;
	background: #2269df;
	bottom: -10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.col .p{
	text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #666;
}
.strong{
	color: #ff7f01;
}
.p-r{position: relative;}
.vertical-c{
	position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.txt-h3{
	font-size: 28px;
    line-height: 32px;
    margin-bottom: 20px;
    text-align: center;
}
.txt-p{
	font-size: 20px;
    line-height: 30px;
    letter-spacing: 2px;
    text-indent: 2em;
    color: #666;
}
.txt-p span{
	font-size: 22px;
}
.banner{
	height: 550px;
	background: url(../../img/hotel/banner.png?t=20190806) no-repeat center;
	position: relative;
}
.banner-btn{
	position: absolute;
    display: block;
    width: 200px;
    height: 50px;
    background: #ef3a3e;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    letter-spacing: 2px;
    border-radius: 50px;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    /*margin-top: -25px;*/
}
.banner-btn:hover,.banner-btn:active{
	background: #e82a2e;
}

.last-col{
	text-align: center;
}
.last-col p{
	font-size: 28px;
    color: #1c8ffb;
    font-weight: 700;
    margin-bottom: 25px;
}
.last-col a{
	background: #1C8FFB;
    color: #fff;
    font-size: 18px;
    padding: 12px 40px;
    border-radius: 8px;
}
.last-col img{
	margin-top: 40px;
}

.msg-col .content{
	padding-top: 60px;
	text-align: center;
}

/*介绍*/
.jieshao-col{
	background: #f6f6f6;
}
.jieshao-col .txt{
	width: 480px;
}
.jieshao-col .img{}
/*问题*/
.wt-col{}
.wt-col ul{
	text-align: center;
}
.wt-col li{
	display: inline-block;
    margin: 40px;
    width: 288px;
    height: 288px;
    vertical-align: top;
}
.wt-col li .icon{
	display: block;
	margin: 20px auto;
	width: 120px;
	height: 120px;
	background: url(../../img/hotel/icon.png) no-repeat;
}
.wt-col li h3{
	font-size: 20px;
	color: #444;
	margin-bottom: 10px;
	line-height: 26px;
}
.wt-col li span{
	font-size: 16px;
	color: #666;
	line-height: 22px;
}
.wt-col li .icon.a{background-position: -6px 0px;}
.wt-col li .icon.b{background-position: -133px 0px;}
.wt-col li .icon.c{background-position: -252px 0px;}
.wt-col li .icon.d{background-position: 0px -118px;}
.wt-col li .icon.e{background-position: -120px -118px;}
.wt-col li .icon.f{background-position: -478px -118px;}
/*发展*/
.fz-col{
	background: #F6F6F6;
}
.fz-col .content{
	padding-top: 50px;
}
.title-img{
	padding: 40px 0;
	text-align: center;
}
.r20{
	right: 20px;
}
.fz-col .txt{
	width: 488px;
}
/*功能*/
.ts-col{}
.ts-col ul{
	text-align: center;
	font-size: 0;
	padding-top: 40px;
}
.ts-col li{
	display: inline-block;
    width: 210px;
    height: 250px;
    padding: 10px;
    vertical-align: top;
    background: #f4f4f4;
    border-radius: 6px;
    margin: 20px;
}
.ts-col li .icon{
	display: block;
	margin: 20px auto;
	width: 100px;
	height: 100px;
	background: url(../../img/hotel/icon.png) no-repeat;
}
.ts-col li h3{
	font-size: 18px;
	color: #fff;
	margin-bottom: 10px;
	line-height: 26px;
}
.ts-col li span{
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	display: block;
	text-align: left;
}
.ts-col li.a {background: #8d80ef;}
.ts-col li.b {background: #e9754d;}
.ts-col li.c {background: #82d802;}
.ts-col li.d {background: #1dada1;}
.ts-col li.e {background: #ad46ee;}
.ts-col li.f {background: #67adee;}
.ts-col li.g {background: #feb822;}
.ts-col li.h {background: #ea4848;}

.ts-col li.a .icon{background-position: -130px -247px;}
.ts-col li.b .icon{background-position: -380px -8px;}
.ts-col li.c .icon{background-position: -262px -130px;}
.ts-col li.d .icon{background-position: -137px -352px;}
.ts-col li.e .icon{background-position: -254px -346px;}
.ts-col li.f .icon{background-position: -494px -8px;}
.ts-col li.g .icon{background-position: -380px -124px;}
.ts-col li.h .icon{background-position: -379px -242px;}
/*优势*/
.ys-col{}
.ys-col ul{
	text-align: center;
}
.ys-col li{
	display: inline-block;
	margin: 60px;
	vertical-align: top;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	width: 248px;
}
.ys-col li h3{
	font-size: 20px;
	color: #74b9ff;
	margin: 20px 0 16px;
}
.ys-col li span{
	font-size: 16px;
}
.ys-col li .icon{
	display: block;
	margin: 14px auto;
	width: 110px;
	height: 110px;
	background: url(../../img/hotel/icon.png) no-repeat;
}
.ys-col li p{
    color: #FFFFFF;
    font-size: 14px;
    text-align: left;
    line-height: 22px;
    padding: 10px 12px;
    height: 70px;
}
.ys-col li.a .icon{background-position: -242px -238px;}
.ys-col li.b .icon{background-position: -5px -242px;}
.ys-col li.c .icon{background-position: -9px -350px;}
.ys-col li.a p{background: #ff9000;}
.ys-col li.b p{background: #72e144;}
.ys-col li.c p{background: #67adee;}