/*2017 0627 xl 微信代运营 start*/
/*banner  start */
/*header*/
.titleDiv{
	width:100%;
	height:480px;
}
.navDiv{
	width:100%;
	height:80px;
}
.titleDiv>p{
	text-align: center;
	color:#fff;
}
.wisdom{
	font-size:40px;
	font-weight:400;
	margin-top:75px;
}
.wisdomEn{
	font-size:14px;
	font-weight:400;
	letter-spacing:5px;
}
.opportunity{
	text-align: center;
	font-size:20px;
	font-weight:400;
	margin-top:16px;
}
.consultation{
	width:160px;
	height:36px;
	background:rgba(255,255,255,1);
	border-radius:6px;
	margin:auto;
	font-size:14px;
	
	color:rgba(85,46,222,1);
	line-height:36px;
	text-align: center;
	margin-top:30px;
	cursor:pointer;
}
.consultation a{
	display: block;
	width:100%;
	height: 100%;
	color:#1253D3
}
.abi .product-center{	
	display: block;
	width:100%;
	height: 100%;
	text-align: center;
}
.call{
	font-size:14px;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:18px;
	margin-top:16px;
}
/**/
/*banner  end   */
/*五大痛点 start*/
.big-til{
    text-align: center;
    padding: 57px 0;
}
.big-til h3{
    line-height: 1;
    font-size: 40px;
    font-weight: bold;
    color: #555;
}
.big-til span{
    color: #0dbd6a;
}
.big-til p{
    color: #8c8c8c;
    font-size: 16px;
    text-transform: uppercase;
    padding-top: 10px;
}
.five-ppoint{
    width: 100%;
    min-width: 1200px;
    background: url("../images/five-ppoint-bg.jpg") no-repeat center bottom #f4f4f4;
    padding-bottom: 70px;
    overflow: hidden;
}
.five-ppoint ul{
    overflow: hidden;
}
.five-ppoint ul li{
    float: left;
    width: 225px;
    height: 307px;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin-left: 18.75px;
}
.five-ppoint ul li:first-child{
    margin-left: 0;
}
.five-ppoint ul li .show-box{
    position: relative;
    width: 225px;
    height: 307px;
    background: url("../images/five-ppoint-li.png") no-repeat -235px 0;
}
.five-ppoint ul li .num{
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 285px;
    color: #ebedec;
    font-size: 48px;
    font-weight: bold;
}
.five-ppoint ul li .info{
    position: relative;
    z-index: 1;
    padding-top: 44px;
    color: #555;
    font-size: 16px;
}
.five-ppoint ul li .info i{
    display: inline-block;
    *display:inline;
    *zoom: 1;
    width: 99px;
    height: 99px;
    background: url("../images/five-ppoint-icon.png") no-repeat;
}
.five-ppoint ul li .info .icon2{
    background-position: -99px 0;
}
.five-ppoint ul li .info .icon3{
    background-position: -198px 0;
}
.five-ppoint ul li .info .icon4{
    background-position: -297px 0;
}
.five-ppoint ul li .info .icon5{
    background-position: -396px 0;
}
.five-ppoint ul li .info .til{
    color: #262626;
    font-size: 24px;
    padding: 14px 0;
}
.five-ppoint ul li .hide-box{
    position: absolute;
    background: url("../images/five-ppoint-li.png") no-repeat;
    width: 225px;
    height: 307px;
    left: -100%;
    top: -100%;
}
.five-ppoint ul li .hide-box .num{
    color: #65bc68;
}
.five-ppoint ul li .hide-box .info{
    color: #fff;
}
.five-ppoint ul li .hide-box .info i{
    background: url("../images/five-ppoint-icon-on.png") no-repeat;
}
.five-ppoint ul li .hide-box .info .til{
    color: #fff;
}
.five-ppoint ul .li-mar{
    margin-top: 63px;
}
/*五大痛点 end*/
/*整合营销 start*/
.integrated-market{
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 657px;
    background-color: white;
}
.integrated-market-inner{
    width: 100%;
    position: absolute;
    height: 657px;
    z-index: 0;
    top: 0;
}
.integrated-market-inner .left-hand{
    position: absolute;
    left: 0;
    bottom: 113px;
    width: 337px;
}
.integrated-market-inner .circle1{
    position: absolute;
    top: -100px;
    right: 0;
}
.integrated-market-inner .circle2{
    position: absolute;
    top: 200px;
    right: 0;
}
.integrated-market-info ul{
    overflow: hidden;
    border-radius: 3px;
}
.integrated-market-info ul li{
    float: left;
    width: 599px;
    height: 427px;
    transition: width 0.5s;
    position: relative;
    overflow: hidden;
    color: white;
}
.integrated-market-info ul li.close{
    width: 200px;
}
.integrated-market-info ul li .li01{
    background-color: #4ab757;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.integrated-market-info ul li .show-box{
    /*position: absolute;*/
    /*right: 0;*/
    width:599px;
    height: 427px;
    padding: 0 36px;
    transition: width .5s;
}
.integrated-market-info ul li .til{
    font-size: 30px;
    padding-top: 55px;
}
.integrated-market-info ul li .line{
    width: 15px;
    height: 1px;
    background-color: white;
    margin: 12px 0;
}
.integrated-market-info ul li .sub-til{
    font-size: 16px;
}
.integrated-market-info ul li .show-box img{
    position: absolute;
    bottom: 27px;
    right: 12px;
}
.integrated-market-info ul li .hide-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 527px;
    height: 427px;
    padding: 0 36px;
    overflow: hidden;
    transition: all .5s;
}
.integrated-market-info ul li .hide-box .til{
    overflow: hidden;
}
.integrated-market-info ul li .hide-box .til span{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 50%;
}
.integrated-market-info ul li .hide-box .til .sub-til{
    text-align: right;
}
.integrated-market-info ul li .hide-box .line{
    margin: 0 0 28px 0;
    width: 100%;
    background-color: #92d49a;
}
.integrated-market-info ul li .hide-box .desc{
    float: left;
    width: 50%;
    margin-bottom: 45px;
}
.integrated-market-info ul li .hide-box .desc div{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.integrated-market-info ul li .hide-box .desc .left-icon{
    width: 99px;
    height: 99px;
}
.integrated-market-info ul li .hide-box .desc .left-icon i{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 99px;
    height: 99px;
    background: url("../images/integrated-market-icon1.png") no-repeat;
}
.integrated-market-info ul li .hide-box .desc .left-icon .icon2{
    background-position: -99px 0;
}
.integrated-market-info ul li .hide-box .desc .left-icon .icon3{
    background-position: -198px 0;
}
.integrated-market-info ul li .hide-box .desc .left-icon .icon4{
    background-position: -297px 0;
}
.integrated-market-info ul li .hide-box .desc .right-info{
    margin-left: 5px;
	width:50%
}
.integrated-market-info ul li .hide-box .desc .right-info p:first-child{
    font-size: 20px;
    padding-bottom: 8px;
}
.integrated-market-info ul li.open .show-box{
    /*width: 0;*/
    /*padding: 0;*/
}
.integrated-market-info ul li.close .hide-box{
    left: -599px;
}
.integrated-market-info ul li .li02{
    background-color: #fb7070;
}
.integrated-market-info ul li .li02 .line{
    background-color: #fda9a9;
}
.integrated-market-info ul li .li02 .desc .left-icon i{
    background-image: url(../images/integrated-market-icon2.png);
}
.integrated-market-info ul li .li03{
    background-color: #4d87e3;
}
.integrated-market-info ul li .li03 .line{
    background-color: #94b7ee;
}
.integrated-market-info ul li .li03 .desc .left-icon i{
    background-image: url(../images/integrated-market-icon3.png);
}
.integrated-market-info ul li .li04{
    background-color: #2abb9b;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.integrated-market-info ul li .li04 .line{
    background-color: #7fd6c3;
}
.integrated-market-info ul li .li04 .desc .left-icon i{
    background-image: url(../images/integrated-market-icon4.png);
}
/*整合营销 end */
/*解决方案 start*/
.solution{
    width: 100%;
    min-width: 1200px;
    height: 615px;
    overflow: hidden;
    position: relative;
    background: url("../images/solution.jpg") no-repeat 0 0;
}
.solution .big-til h3{
    color: white;
}
.solution .big-til p{color: #8c8c8c}
.solution-box{
    position: relative;
}
.solution-box .top-ul{
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.solution-box .top-ul li{
    float: left;
    width: 227px;
    height: 227px;
    position: relative;
    overflow: hidden;
    margin-left: 16.25px;
}
.solution-box .top-ul li:first-child{
    margin-left: 0;
}
.solution-box .top-ul li .show-box{
    width: 227px;
    height: 227px;
    background: url("../images/solution-bg.png") no-repeat -231px 0;
    text-align: center;
}
.solution-box .top-ul li .show-box i{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 73px;
    height: 73px;
    background: url("../images/solution-icon.png") no-repeat;
    margin-top: 50px;
}
.solution-box .top-ul li .show-box .icon2{
    background-position: -73px 0;
}
.solution-box .top-ul li .show-box .icon3{
    background-position: -146px 0;
}
.solution-box .top-ul li .show-box .icon4{
    background-position: -219px 0;
}
.solution-box .top-ul li .show-box .icon5{
    background-position: -292px 0;
}
.solution-box .top-ul li .show-box .icon6{
    background-position: -365px 0;
}
.solution-box .top-ul li .show-box .icon7{
    background-position: -438px 0;
}
.solution-box .top-ul li .show-box .icon8{
    background-position: -511px 0;
}
.solution-box .top-ul li .show-box .icon9{
    background-position: -584px 0;
}
.solution-box .top-ul li .show-box p{
    color: #1b1b1b;
    font-size: 20px;
}
.solution-box .top-ul li .hide-box{
    padding: 79px 50.5px 0;
 
    height: 227px;
    background: url("../images/solution-bg.png") no-repeat;
    text-align: justify;
    color: #fff;
    /*position: absolute;*/
    /*left: -100%;*/
    /*top: -100%;*/
    display: none;
}
.solution-box .top-ul li:hover .show-box{
    display: none;
}
.solution-box .top-ul li:hover .hide-box{
    display: block;
}
.solution-box .bottom-ul{
    width: 957px;
    left: 123px;
    position: absolute;
    top: 128px;
    z-index: 0;
}
.solution-box .bottom-ul li.btn-zx .show-box{
    background: url("../images/yellow-bg.png") no-repeat;
}
.solution-box .bottom-ul li.btn-zx .show-box p{
    color: white;
}
.solution-box .bottom-ul li.btn-zx:hover .show-box{
    display: block;
}
/*解决方案 end */
/*为什么选择我们 start*/
.container {
	margin: 0 auto;
}

@media (min-width:768px) {
	.container {
		width: 750px
	}
}

@media (min-width:992px) {
	.container {
		width: 970px
	}
}

@media (min-width:1200px) {
	.container {
		width: 1170px
	}
}


.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	float: left
}

.col-xs-12 {
	width: 100%
}

.col-xs-11 {
	width: 91.66666667%
}

.col-xs-10 {
	width: 83.33333333%
}

.col-xs-9 {
	width: 75%
}

.col-xs-8 {
	width: 66.66666667%
}

.col-xs-7 {
	width: 58.33333333%
}

.col-xs-6 {
	width: 50%
}

.col-xs-5 {
	width: 41.66666667%
}

.col-xs-4 {
	width: 33.33333333%
}

.col-xs-3 {
	width: 25%
}

.col-xs-2 {
	width: 16.66666667%
}

.col-xs-1 {
	width: 8.33333333%
}

.col-xs-pull-12 {
	right: 100%
}

.col-xs-pull-11 {
	right: 91.66666667%
}

.col-xs-pull-10 {
	right: 83.33333333%
}

.col-xs-pull-9 {
	right: 75%
}

.col-xs-pull-8 {
	right: 66.66666667%
}

.col-xs-pull-7 {
	right: 58.33333333%
}

.col-xs-pull-6 {
	right: 50%
}

.col-xs-pull-5 {
	right: 41.66666667%
}

.col-xs-pull-4 {
	right: 33.33333333%
}

.col-xs-pull-3 {
	right: 25%
}

.col-xs-pull-2 {
	right: 16.66666667%
}

.col-xs-pull-1 {
	right: 8.33333333%
}

.col-xs-pull-0 {
	right: auto
}

.col-xs-push-12 {
	left: 100%
}

.col-xs-push-11 {
	left: 91.66666667%
}

.col-xs-push-10 {
	left: 83.33333333%
}

.col-xs-push-9 {
	left: 75%
}

.col-xs-push-8 {
	left: 66.66666667%
}

.col-xs-push-7 {
	left: 58.33333333%
}

.col-xs-push-6 {
	left: 50%
}

.col-xs-push-5 {
	left: 41.66666667%
}

.col-xs-push-4 {
	left: 33.33333333%
}

.col-xs-push-3 {
	left: 25%
}

.col-xs-push-2 {
	left: 16.66666667%
}

.col-xs-push-1 {
	left: 8.33333333%
}

.col-xs-push-0 {
	left: auto
}

.col-xs-offset-12 {
	margin-left: 100%
}

.col-xs-offset-11 {
	margin-left: 91.66666667%
}

.col-xs-offset-10 {
	margin-left: 83.33333333%
}

.col-xs-offset-9 {
	margin-left: 75%
}

.col-xs-offset-8 {
	margin-left: 66.66666667%
}

.col-xs-offset-7 {
	margin-left: 58.33333333%
}

.col-xs-offset-6 {
	margin-left: 50%
}

.col-xs-offset-5 {
	margin-left: 41.66666667%
}

.col-xs-offset-4 {
	margin-left: 33.33333333%
}

.col-xs-offset-3 {
	margin-left: 25%
}

.col-xs-offset-2 {
	margin-left: 16.66666667%
}

.col-xs-offset-1 {
	margin-left: 8.33333333%
}

.col-xs-offset-0 {
	margin-left: 0
}

@media (min-width:768px) {
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9 {
		float: left
	}
	.col-sm-12 {
		width: 100%
	}
	.col-sm-11 {
		width: 91.66666667%
	}
	.col-sm-10 {
		width: 83.33333333%
	}
	.col-sm-9 {
		width: 75%
	}
	.col-sm-8 {
		width: 66.66666667%
	}
	.col-sm-7 {
		width: 58.33333333%
	}
	.col-sm-6 {
		width: 50%
	}
	.col-sm-5 {
		width: 41.66666667%
	}
	.col-sm-4 {
		width: 33.33333333%
	}
	.col-sm-3 {
		width: 25%
	}
	.col-sm-2 {
		width: 16.66666667%
	}
	.col-sm-1 {
		width: 8.33333333%
	}
	.col-sm-pull-12 {
		right: 100%
	}
	.col-sm-pull-11 {
		right: 91.66666667%
	}
	.col-sm-pull-10 {
		right: 83.33333333%
	}
	.col-sm-pull-9 {
		right: 75%
	}
	.col-sm-pull-8 {
		right: 66.66666667%
	}
	.col-sm-pull-7 {
		right: 58.33333333%
	}
	.col-sm-pull-6 {
		right: 50%
	}
	.col-sm-pull-5 {
		right: 41.66666667%
	}
	.col-sm-pull-4 {
		right: 33.33333333%
	}
	.col-sm-pull-3 {
		right: 25%
	}
	.col-sm-pull-2 {
		right: 16.66666667%
	}
	.col-sm-pull-1 {
		right: 8.33333333%
	}
	.col-sm-pull-0 {
		right: auto
	}
	.col-sm-push-12 {
		left: 100%
	}
	.col-sm-push-11 {
		left: 91.66666667%
	}
	.col-sm-push-10 {
		left: 83.33333333%
	}
	.col-sm-push-9 {
		left: 75%
	}
	.col-sm-push-8 {
		left: 66.66666667%
	}
	.col-sm-push-7 {
		left: 58.33333333%
	}
	.col-sm-push-6 {
		left: 50%
	}
	.col-sm-push-5 {
		left: 41.66666667%
	}
	.col-sm-push-4 {
		left: 33.33333333%
	}
	.col-sm-push-3 {
		left: 25%
	}
	.col-sm-push-2 {
		left: 16.66666667%
	}
	.col-sm-push-1 {
		left: 8.33333333%
	}
	.col-sm-push-0 {
		left: auto
	}
	.col-sm-offset-12 {
		margin-left: 100%
	}
	.col-sm-offset-11 {
		margin-left: 91.66666667%
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333%
	}
	.col-sm-offset-9 {
		margin-left: 75%
	}
	.col-sm-offset-8 {
		margin-left: 66.66666667%
	}
	.col-sm-offset-7 {
		margin-left: 58.33333333%
	}
	.col-sm-offset-6 {
		margin-left: 50%
	}
	.col-sm-offset-5 {
		margin-left: 41.66666667%
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333%
	}
	.col-sm-offset-3 {
		margin-left: 25%
	}
	.col-sm-offset-2 {
		margin-left: 16.66666667%
	}
	.col-sm-offset-1 {
		margin-left: 8.33333333%
	}
	.col-sm-offset-0 {
		margin-left: 0
	}
}

@media (min-width:992px) {
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9 {
		float: left
	}
	.col-md-12 {
		width: 100%
	}
	.col-md-11 {
		width: 91.66666667%
	}
	.col-md-10 {
		width: 83.33333333%
	}
	.col-md-9 {
		width: 75%
	}
	.col-md-8 {
		width: 66.66666667%
	}
	.col-md-7 {
		width: 58.33333333%
	}
	.col-md-6 {
		width: 50%
	}
	.col-md-5 {
		width: 41.66666667%
	}
	.col-md-4 {
		width: 33.33333333%
	}
	.col-md-3 {
		width: 25%
	}
	.col-md-2 {
		width: 16.66666667%
	}
	.col-md-1 {
		width: 8.33333333%
	}
	.col-md-pull-12 {
		right: 100%
	}
	.col-md-pull-11 {
		right: 91.66666667%
	}
	.col-md-pull-10 {
		right: 83.33333333%
	}
	.col-md-pull-9 {
		right: 75%
	}
	.col-md-pull-8 {
		right: 66.66666667%
	}
	.col-md-pull-7 {
		right: 58.33333333%
	}
	.col-md-pull-6 {
		right: 50%
	}
	.col-md-pull-5 {
		right: 41.66666667%
	}
	.col-md-pull-4 {
		right: 33.33333333%
	}
	.col-md-pull-3 {
		right: 25%
	}
	.col-md-pull-2 {
		right: 16.66666667%
	}
	.col-md-pull-1 {
		right: 8.33333333%
	}
	.col-md-pull-0 {
		right: auto
	}
	.col-md-push-12 {
		left: 100%
	}
	.col-md-push-11 {
		left: 91.66666667%
	}
	.col-md-push-10 {
		left: 83.33333333%
	}
	.col-md-push-9 {
		left: 75%
	}
	.col-md-push-8 {
		left: 66.66666667%
	}
	.col-md-push-7 {
		left: 58.33333333%
	}
	.col-md-push-6 {
		left: 50%
	}
	.col-md-push-5 {
		left: 41.66666667%
	}
	.col-md-push-4 {
		left: 33.33333333%
	}
	.col-md-push-3 {
		left: 25%
	}
	.col-md-push-2 {
		left: 16.66666667%
	}
	.col-md-push-1 {
		left: 8.33333333%
	}
	.col-md-push-0 {
		left: auto
	}
	.col-md-offset-12 {
		margin-left: 100%
	}
	.col-md-offset-11 {
		margin-left: 91.66666667%
	}
	.col-md-offset-10 {
		margin-left: 83.33333333%
	}
	.col-md-offset-9 {
		margin-left: 75%
	}
	.col-md-offset-8 {
		margin-left: 66.66666667%
	}
	.col-md-offset-7 {
		margin-left: 58.33333333%
	}
	.col-md-offset-6 {
		margin-left: 50%
	}
	.col-md-offset-5 {
		margin-left: 41.66666667%
	}
	.col-md-offset-4 {
		margin-left: 33.33333333%
	}
	.col-md-offset-3 {
		margin-left: 25%
	}
	.col-md-offset-2 {
		margin-left: 16.66666667%
	}
	.col-md-offset-1 {
		margin-left: 8.33333333%
	}
	.col-md-offset-0 {
		margin-left: 0
	}
}

@media (min-width:1200px) {
	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9 {
		float: left
	}
	.col-lg-12 {
		width: 100%
	}
	.col-lg-11 {
		width: 91.66666667%
	}
	.col-lg-10 {
		width: 83.33333333%
	}
	.col-lg-9 {
		width: 75%
	}
	.col-lg-8 {
		width: 66.66666667%
	}
	.col-lg-7 {
		width: 58.33333333%
	}
	.col-lg-6 {
		width: 50%
	}
	.col-lg-5 {
		width: 41.66666667%
	}
	.col-lg-4 {
		width: 30%
	}
	.col-lg-3 {
		width: 25%
	}
	.col-lg-2 {
		width: 16.66666667%
	}
	.col-lg-1 {
		width: 8.33333333%
	}
	.col-lg-pull-12 {
		right: 100%
	}
	.col-lg-pull-11 {
		right: 91.66666667%
	}
	.col-lg-pull-10 {
		right: 83.33333333%
	}
	.col-lg-pull-9 {
		right: 75%
	}
	.col-lg-pull-8 {
		right: 66.66666667%
	}
	.col-lg-pull-7 {
		right: 58.33333333%
	}
	.col-lg-pull-6 {
		right: 50%
	}
	.col-lg-pull-5 {
		right: 41.66666667%
	}
	.col-lg-pull-4 {
		right: 33.33333333%
	}
	.col-lg-pull-3 {
		right: 25%
	}
	.col-lg-pull-2 {
		right: 16.66666667%
	}
	.col-lg-pull-1 {
		right: 8.33333333%
	}
	.col-lg-pull-0 {
		right: auto
	}
	.col-lg-push-12 {
		left: 100%
	}
	.col-lg-push-11 {
		left: 91.66666667%
	}
	.col-lg-push-10 {
		left: 83.33333333%
	}
	.col-lg-push-9 {
		left: 75%
	}
	.col-lg-push-8 {
		left: 66.66666667%
	}
	.col-lg-push-7 {
		left: 58.33333333%
	}
	.col-lg-push-6 {
		left: 50%
	}
	.col-lg-push-5 {
		left: 41.66666667%
	}
	.col-lg-push-4 {
		left: 33.33333333%
	}
	.col-lg-push-3 {
		left: 25%
	}
	.col-lg-push-2 {
		left: 16.66666667%
	}
	.col-lg-push-1 {
		left: 8.33333333%
	}
	.col-lg-push-0 {
		left: auto
	}
	.col-lg-offset-12 {
		margin-left: 100%
	}
	.col-lg-offset-11 {
		margin-left: 91.66666667%
	}
	.col-lg-offset-10 {
		margin-left: 83.33333333%
	}
	.col-lg-offset-9 {
		margin-left: 75%
	}
	.col-lg-offset-8 {
		margin-left: 66.66666667%
	}
	.col-lg-offset-7 {
		margin-left: 58.33333333%
	}
	.col-lg-offset-6 {
		margin-left: 50%
	}
	.col-lg-offset-5 {
		margin-left: 41.66666667%
	}
	.col-lg-offset-4 {
		margin-left: 33.33333333%
	}
	.col-lg-offset-3 {
		margin-left: 25%
	}
	.col-lg-offset-2 {
		margin-left: 16.66666667%
	}
	.col-lg-offset-1 {
		margin-left: 8.33333333%
	}
	.col-lg-offset-0 {
		margin-left: 0
	}
}

table {
	background-color: transparent
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
	display: table;
	content: " "
}
.row {
	margin-right: -15px;
	margin-left: -15px
}

.travelOneTitle{
    font-size:30px;
}

.travelOneTitle1{
    font-size:14px;
    margin-bottom: 60px;
}
.scene{
	background: #fff;
	padding: 100px 0 100px 0;
	min-width:1060px;
}
.hotelTypeBox{
	padding:0 0 60px 0;
	box-shadow: 0px 3px 20px #ddd;
	border-radius: 6px;
}
.hotelTypeBoxPosi{
	border-radius: 6px 6px 0 0;
	font-size: 25px;
	width:100%;
	height:80px;
	line-height:80px;
	text-align: center;
	color:#fff;
  	background: -webkit-gradient(linear, 0 0, 0 100%, from(#A4B0FB), to(#7D85F9));
	background: -webkit-linear-gradient(#A4B0FB, #7D85F9);
	background: -moz-linear-gradient(#A4B0FB, #7D85F9);
	background: -o-linear-gradient(#A4B0FB, #7D85F9);
	background: linear-gradient(#A4B0FB, #7D85F9);
	margin-bottom: 60px;
}
.hotelTypeBoxPosi1{
	border-radius: 6px 6px 0 0;
	font-size: 25px;
	width:100%;
	height:80px;
	line-height:80px;
	text-align: center;
	color:#fff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FCC968), to(#F59903));
	background: -webkit-linear-gradient(#FCC968, #F59903);
	background: -moz-linear-gradient(#FCC968, #F59903);
	background: -o-linear-gradient(#FCC968, #F59903);
	background: linear-gradient(#FCC968, #F59903);
	margin-bottom: 60px;
}
.hotelTypeBoxPosi2{
	border-radius: 6px 6px 0 0;
	font-size: 25px;
	width:100%;
	height:80px;
	line-height:80px;
	text-align: center;
	color:#fff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#83D2FF), to(#369DF7));
	background: -webkit-linear-gradient(#83D2FF, #369DF7);
	background: -moz-linear-gradient(#83D2FF, #369DF7);
	background: -o-linear-gradient(#83D2FF, #369DF7);
	background: linear-gradient(#83D2FF, #369DF7);
	margin-bottom: 60px;
}
.hotelTypeBoxTextP1{
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size:20px;
	font-family:SourceHanSansCN-Medium;
	color:rgba(51,51,51,1);
}
.hotelTypeBoxText{
	padding: 0 70px;
	font-size:14px;
	font-family:SourceHanSansCN-Regular;
	color:rgba(153,153,153,1);
	margin-bottom:30px;
	text-align: center;
}
.hotelTypeBoxText1{
	width: 268px;
	margin: 0 auto 23px auto;
	text-align: center;
	font-size:14px;
	font-family:SourceHanSansCN-Regular;
	color:rgba(153,153,153,1);
	padding-top:30px;
	border-top:2px solid #F0F0F0;
}
.hotelTypeBoxA,.hotelTypeBoxB,.hotelTypeBoxC{
		width: 160px;
	height: 36px;
	margin: 0 auto;
	line-height: 34px;
	border: 2px solid #848CF7;
	border-radius: 6px;
	text-align: center;
	font-size:14px;
	font-family:SourceHanSansCN-Regular;
}
.hotelTypeBoxA{
	border: 2px solid #848CF7;
	color:#848CF7;
}
.hotelTypeBoxB{
	border: 2px solid #F59903;
	color:#F59903;
}
.hotelTypeBoxC{
	border: 2px solid #369DF7;
	color:#369DF7;
}
.hotelPlatform{
	min-width: 1060px;
	padding: 88px 0 80px 0;
	background:url(/static/images/sales/fx2.png) no-repeat;
	background-size:100% 100%;
}
.hotelPlatformBoxImg{
	width: 120px;
	height:120px;
	object-fit: cover;
	display: block;
	margin: 0 auto 50px auto;
}
.hotelPlatformBoxP2{
	text-align: center;
	height:20px;
	font-size:20px;
	font-family:SourceHanSansCN-Regular;
	color:rgba(102,102,102,1);
	line-height:20px;
}
.hotelPlatformTop{
	text-align: center;
	line-height:38px;
	height:38px;
	font-size:38px;
	font-family:PingFangSC-Medium;
	color:rgba(255,255,255,1);
	margin-bottom:80px;
}
.hotelPlatformBox{
	padding: 54px 0 59px 0;
	background:#fff;
	border-radius: 10px;
}
.overflowThree {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top:12px;
}
.overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hotelTypeBoxText {
    padding: 0px 60px;
    font-size: 14px;
    font-family: SourceHanSansCN-Regular;
    color: rgba(153,153,153,1);
    margin-bottom: 30px;
}
.title_bg{
	min-width:1200px;
	max-width:1480px;
	margin:60px auto;
	background: url("/static/images/marketing/Rectangle5Copy@2x.png") no-repeat;
	height: 240px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.title_bg>div{
	text-align: center;
	font-size:20px;
	color:rgba(100,98,240,1);
}
.productVid{
	background: #F2F2F2;
}
.tumbleleftP1{
	width:85%
}
.travelOneTitlenew{
	letter-spacing: 1px !important;
}
.cp{
        border:none
    }
.travelOne{
	background: #fff;
	padding: 93px 0 100px 0;
	min-width:1060px;
}
.travelOneTitle{
	font-size:30px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(51,51,51,1);
	text-align: center;
	
}
.travelOneTitle1{
	text-align: center;
	font-size:16px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(153,153,153,1);
	letter-spacing:3px;
	margin-bottom: 50px;
}
.travelOneBox img{ 
	width: 80px;
	height:80px;
	display: block;
	margin: 0 auto 20px auto;
	background:#5d73e2;
	border-radius: 20px;
}
.travelOneBox p{ 
	text-align: center;
	font-size:20px;
	font-family:PingFangSC-Regular;
	font-weight:400;
	color:rgba(102,102,102,1);
}
.travelOne .container .row .col-lg-1{
    width: 12.5%;
}



/*为什么选择我们 end */
/*案例 start*/
.case-box{
    width: 100%;
    min-width: 1200px;
    position: relative;
    overflow: hidden;
    height: 536px;
    background: url("../images/case-bg.jpg") no-repeat;
    z-index: 0;
}
.case-box .big-til h3{
    color: white;
}
.case-box .big-til p{
    color: #8c8c8c;
}
.case-list {
    position: relative;
    height: 309px;
}
.case-list .bd{
    width: 1024px;
    margin: 0 auto 0 54px;
}
.case-list .bd ul{
    overflow: hidden;
    width: 2388px;
}
.case-list .bd ul li{
    float: left;
    width: 320px;
    height: 249px;
    position: relative;
    margin-left: 15px;
	margin-right:15px;
}
.case-list .bd ul li .t{ text-align:center; height:40px; background-color:#FFFFFF}
.case-list .bd ul li:first-child{
    /*margin-left: 0;*/
}
.case-list .bd ul li .img{
  
    text-align: center;
}
.case-list .bd ul li .info{
    position: absolute;
    width: 100%;
    height: auto;
    background: url("../images/trans80.png") repeat;
    bottom: -100%;
    left: 0;
    transition: all .3s;
}
.case-list .bd ul li .info a{ color:#FFFFFF}
.case-list .bd ul li .info p{
    padding: 20px 25px;
    color: white;
    font-size: 16px;
}
.case-list .bd ul li:hover .info{
    bottom: 0;
}
.case-list .prev,
.case-list .next{
    position: absolute;
    bottom: 6px;
    width: 52px;
    height: 53px;
    z-index: 5;
    background: url(../images/btn-flips.png)  no-repeat;
    top: 50%;
    margin-top: -26px;
}
.case-list .prev{
    left: 20px;
}
.case-list .next{
    right:0;
    background-position: -52px 0;
}
.case-list .prev:hover{
    background-position: 0 -53px;
}
.case-list .next:hover{
    background-position: -52px -53px;
}


/*案例 end */
.dgg_footer{
    background: #fff;
}
.dgg_footer .link_list li a{
    color: #666;
}
.dgg_footer p{
    color: #666;
}
/*2017 0627 xl 微信代运营 end*/

@media(max-width: 640px ) {
.titleDiv .wisdom {font-size:30px;
font-weight:bolder;
margin-top:30px;}

.titleDiv  .wisdomEn{
font-size:14px;
letter-spacing:3px;}
.opportunity{font-size:18px; line-height:36px; width:75%; margin:0 auto; margin-top:40px;}
.big-til{ text-align:inherit; width:100%}
.big-til h3{ font-size:30px; text-align:center}
.big-til p{ font-size:14px; text-align:center}
.w1200{width:100%;}

.five-ppoint{
max-width:100%;
min-width:inherit;}
.w1200 ul li{float:left; width:50%}
.five-ppoint ul .li-mar{ margin-top:auto;}
.five-ppoint ul li{ margin:auto;}
.five-ppoint ul li .show-box{}
.five-ppoint ul li .hide-box{ background:none;}
.integrated-market-inner,.integrated-market{ height:auto;}
.integrated-market-info ul li{ height:487px;}
.integrated-market-info ul li .show-box img{ display:none;}
.integrated-market-info ul li .show-box{width:100%}
.integrated-market-info ul li.close{width:50%}
.integrated-market-info ul li .hide-box{height:487px;}
.integrated-market-info ul li .hide-box .til .sub-til{display:none;}
.integrated-market-inner .circle1,.integrated-market-info ul li .hide-box .desc .left-icon,.integrated-market-info ul li .hide-box .desc .left-icon,.integrated-market-info ul li .hide-box .desc .left-icon{ display:none;}
.integrated-market-info ul li.close .hide-box{left:0px; padding:0px; width:100%; padding-left:5px; }
.integrated-market-info ul li .show-box{ height:auto}
.integrated-market-info ul li .hide-box{left:0px; padding:0px; width:100%}
.integrated-market-info ul li .hide-box .desc .right-info,.integrated-market-info ul li .hide-box .desc{width:100%}
.integrated-market-info ul li .hide-box .desc{float:none; margin-bottom:12px;}
.solution{ min-width:inherit; height:auto}
.solution-box .top-ul li{float:left; width:50%;margin:0px; padding:0px;}
.solution-box .top-ul li:last-child{display:none}
.solution-box .top-ul li .show-box{ background:#FFFFFF; border:solid 1px #EFEFEF}
.solution-box .top-ul li .hide-box{ display:block; background:#FFFFFF; color:#000000}
.solution-box .bottom-ul{position:static; width:100%; clear:both; display:block;}
.solution-box .bottom-ul li:last-child{display:none}
.scene,.case-box,.case-list .bd{width:100%; clear:both; display:block;min-width:inherit;}
.col-xs-4{width:100%}
.tempWrap{width:100%; margin:0 auto; margin-left:20px;}
.case-list .bd{}

.case-list .bd ul{width:100%}
.case-list .bd ul li .img{width:220px;}
.case-list .bd ul li{ width:300px;}
.case-list .bd ul li .t{ text-align:center;width:220px; background-color:#fff;}
}