/*992px屏幕宽度一下手机平板专用样式*/
/*顶部位置页面*/
.all-elements{
	overflow-x:hidden;
}

/*左侧滑动内容*/
.page-sidebar{
	background-color:#a3cf62;
	width:262px;
	display:block;
	top:0;
	left:0;
	bottom:0;
	overflow:hidden;
	position:fixed;
	color:#fff;
	z-index:12;
}
.page-sidebar .nav-header{
	width:100%;
	height:42px;
	line-height: 42px;
	background:#7fb80e;
	text-align: center;
}
.page-sidebar .nav-header .close-side{
	font-size:16px;
	width:42px;
	height:42px;
	line-height: 42px;
	text-align: center;
}
/*一级导航栏*/
.page-sidebar .media-nav-list{
	width:100%;
}
.page-sidebar .media-nav-list li{
	width:100%;
}
.page-sidebar .media-nav-list li a{
	width:100%;
	height:33px;
	line-height:32px;
	border-bottom:1px solid #cde6c7;
	display:block;
	font-size:14px;
	padding-left:10px;
	color:#fff;
}
.page-sidebar .media-nav-list li a.sel .donw-jt{
	font-size:16px;
	width:32px;
	height:32px;
	line-height:32px;
	text-align: center;
	z-index:20;
}
/*二级导航栏*/
.page-sidebar .media-nav-list .two-level-list{
	width:100%;
	display:none;
}
.page-sidebar .media-nav-list .two-level-list li a{
	padding-left:30px;
	color:#33a3dc;
}


/*滑动内容*/
.page-content{
	z-index: 30;
	position:relative;
	background-color:#fff;
	min-height:100%;
}

/*内容顶部*/
.media-header{
	width:100%;
	height:42px;
	line-height:42px;
	text-align:center;
	background-color:#fafafa;
	border-bottom:solid 1px #ebebed;
}
.open-sidebar{
	width:42px;
	height:42px;
	line-height:42px;
	font-size:16px;
}


/*内容展示首页*/
.media-content-detail{
	width:100%;
	background:#fff;
	padding-bottom:20px;
}
.media-content-detail #mediaLeftSideBox{
	width:94%;
	margin:0 auto;
	margin-top:10px;
	position:relative;
}
.media-content-detail #mediaLeftSideBox .hd{
	position:absolute;
	width:85px;
	height:10px;
	left:50%;
	bottom:5px;
	margin-left:-42px;
	z-index:20;
}
.media-content-detail #mediaLeftSideBox .hd ul{
	width:100%;
}
.media-content-detail #mediaLeftSideBox .hd ul li{
	font-size:12px;
	width:10px;
	height:10px;
	border:1px solid #fff;
	border-radius:50%;
	float:left;
	margin-right:5px;
}
.media-content-detail #mediaLeftSideBox .hd ul li.on{
	background:#fff;
}
.media-content-detail #mediaLeftSideBox .hd ul li:last-of-type{
	margin-right:0;
}

}
.media-content-detail #mediaLeftSideBox .bd ul li{
	width:100%;
	height:auto;
}
.media-content-detail #mediaLeftSideBox .bd ul li img{
	width:100%;
}

/*产品服务*/
.media-content-detail .media-pro-service{
	width:100%;
	height:32px;
	line-height: 32px;
	padding-left:3%;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	margin-top:10px;
}
.media-content-detail .media-service-list,
.media-content-detail .media-news-list{
	width:100%;
	overflow:hidden;
}
.media-content-detail .media-service-list li{
	width:33%;
	float:left;
	display:inline-block;
	padding:10px 0;
	position:relative;
}
.media-content-detail .media-service-list li.ydyy{
	margin-left:3px;
}

.media-content-detail .media-service-list li a > img{
	width:50%;
	display:block;
	margin:0 auto;
}
.media-content-detail .media-service-list li >p{
	width:100%;
	margin-top:5px;
	text-align:center;
	font-size:12px;
	padding:0 5px;
}
.media-content-detail .media-service-list li >p:nth-of-type(1){
	color:#13ddf5;
	margin-top:10px;
}
.media-content-detail .media-service-list li >p:nth-of-type(2){
	text-align:left;
	text-indent:24px;
}

/*.media-content-detail .media-service-list li > a{
	width:100%;
	display:inline-block;
}*/
/*
.media-content-detail .media-service-list li > a{
	width:70px;
	height:24px;
	line-height:24px;
	text-align: center;
	display:block;
	background:#febb34;
	font-size:12px;
	color:#fff;
	border-radius:3px;
	margin:0 auto;
	margin-top:15px;
}

@media screen and (max-width:360px){
	.media-content-detail .media-service-list li >p:nth-of-type(2){
		height:120px;
	}
	.media-content-detail .media-service-list li > a{
		margin-top:5px;
	}
}
@media screen and (max-width:320px){
	.media-content-detail .media-service-list li >p:nth-of-type(2){
		height:150px;
	}
	.media-content-detail .media-service-list li > a{
		margin-top:5px;
	}
}
*/

/*新闻列表*/
.media-content-detail .media-news-list{
	background:#fff;
	padding:10px 10px;
}
.media-content-detail .media-news-list li{
	width:100%;
	padding:5px 0;
}
.media-news-list li .media .news-thumb{
	width:64px;
	height:64px;
	z-index:100;
}
.media-news-list li .media .media-heading{
	font-size:14px;
}
.media-news-list li .media .media-body{
	font-size:12px;
}


/*成功案例*/
.media-content-detail .media-pro-service .media-more-case{
	float:right;
	margin-right:20px;
}

.media-content-detail .media-case-list{
	width:100%;
	background:#fff;
	overflow:hidden;
}
.media-content-detail .media-case-list li{
	width:50%;
	float:left;
	padding:10px 0;
	position:relative;
}
.media-content-detail .media-case-list li:nth-of-type(1){
	padding-left:15px;
	padding-right:5px;
}
.media-content-detail .media-case-list li:nth-of-type(2){
	padding-left:5px;
	padding-right:15px;
}
.media-case-list li > img{
	width:100%;
	display:block;
	margin:0 auto;
}
.media-case-list li .title{
	margin-top:5px;
}
.media-case-list li .title a{
	font-size:14px;
}
.media-case-list li .title p{
	font-size:12px;
}

.media-case-list li .code-show{
    position: absolute;
    top:50px;
	left:50%;
    background: #fff;
    opacity: 0;
    z-index: 100000;
    box-shadow: 0 1px 1px 2px rgba(0,0,0,0.1);
/*    transition: top 0.5s,opacity 0.1s;
    -webkit-transition: top 0.5s,opacity 0.1s;*/

}
/*.media-case-list li:hover .code-show{
	top:0;
	opacity:1;
}*/
.media-case-list li .code-show.animations{
	animation:codeShow 0.5s ease 1 forwards;
    -webkit-animation:codeShow 0.5s ease 1 forwards;
}
@keyframes codeShow{
	0%{
		top:50px;
		opacity:0;
	}
	100%{
		top:0;
		opacity:1;
	}
}
@-webkit-keyframes codeShow{
	0%{
		top:50px;
		opacity:0;
	}
	100%{
		top:0;
		opacity:1;
	}
}
.media-case-list li .code-show img{
	width:100%;
}
.media-case-list li .code-show p{
	font-size:12px;
	text-align: center;
}

/*页脚*/
.media-footer{
	clear:both;
	width:100%;
	background:#fff;
	z-index: 10;
	border-top:1px solid #e3e3e3;
	padding:5px 5px;
}
.media-footer p{
	font-size:12px;
	text-align: left;
	padding-left:10px;
}

/*移动互联应用样式*/
.media-lvxoo-app{
	width:100%;
	padding:10px;
	word-break:break-all;
}
.media-lvxoo-app p{
	width:100%;
}
.media-lvxoo-app p img{
	width:100%;
}
.media-lvxoo-app div{
	width:100%;
}
.media-lvxoo-app div img{
	width:100%;
}
.media-lvxoo-app img{
	width:100%;
}
/*旅航产品*/
.media-lhcp{
	width:100%;
	padding:10px;
	word-break:break-all;
}
.media-lhcp p{
	width:100%;
}
.media-lhcp p img{
	width:100%;
}
.media-lhcp img{
	width:100%;
}
.media-lhcp > div img{
	width:100%;
}

@media screen and (min-width:992px){
	.all-elements{
		overflow:visible;
	}
}

@media screen and (max-width:991px){

	/*内容*/
	.page-content{
		position:absolute;
	    top:0;
	    right:0;
	    bottom:0;
	    left:0;
	    overflow: hidden;
	    overflow-y: auto;
	}

	/*成功案例列表*/
	.media-query-case-top{
		width:100%;
		margin:10px 0;
	}

	.media-query-case-main-content{
		width:100%;
	}

	.media-case-list-page{
		width:100%;
		margin:5px 0;
	}
	.media-case-list-page a{
		padding:3px 5px;
		font-size:14px;
	}
	.media-query-case-main-content .look-more-case-list{
		width:100%;
		padding:10px 15px;
	}
	.media-query-case-main-content .look-more-case-list .list-menu-item{
		width:100%;
		height:auto;
		padding:5px 0;
		margin-right:0;
		margin-bottom:0;
	}
	.look-more-case-list .list-menu-item img{
		width:100%;
		height:auto;
	}
	.media-query-case-main-content .look-more-case-list > div .text-desc{
		height:90px;	
	}

	/*成功案例动画*/
	.media-query-case-main-content .look-more-case-list .code-show.animations{
		animation:codeShowTwo 0.5s ease 1 forwards;
		-webkit-animation:codeShowTwo 0.5s ease 1 forwards;
	}
	@keyframes codeShowTwo{
		0%{
			top:180px;
			opacity:0;
		}
		100%{
			top:34px;
			opacity:1;
		}
	}
	@-webkit-keyframes codeShowTwo{
		0%{
			top:180px;
			opacity:0;
		}
		100%{
			top:34px;
			opacity:1;
		}
	}

	/*动画结束*/

	div.page{
		margin-top:10px;
		padding:0;
		float:right;
		margin-bottom:0;
	}
	div.page a{
		padding:2px 5px;
		font-size:12px;
		display:inline-block;
		float:left;
		margin-bottom:5px;
	}
	div.page span{
		padding:2px 5px;
		font-size:12px;
		float:left;
		display:inline-block;
	}

	/*移动端隐藏部分按钮*/
	div.page a.a1{
		display:none;
	}
	div.page a:nth-of-type(2){
		display:none;
	}
	div.page a:last-of-type{
		display:none;
	}

	/*新闻列表*/
	.media-article-main-content{
		width:100%;
	}
	.media-article-main-content .lxnews-detail{
		margin-top:0;
	}
	.media-article-main-content .current_position{
		margin-top:10px;
		padding-left:10px;
		padding-bottom:5px;
		border-bottom:1px solid #ccc;
	}
	.media-article-main-content .lxnews-detail .media-news-list-title{
		width:100%;
		padding:0 10px;
		margin-top:10px;
	}
	.lxnews-detail .media-news-list-title li{
		width:33%;
		height:32px;
		float:left;
	}
	.lxnews-detail .media-news-list-title li.two{
		width:34%;
	}
	.lxnews-detail .media-news-list-title li a{
		width:100%;
		height:32px;
		font-size:14px;
		line-height:32px;
	}
	.lxnews-detail .bd .left-news-list{
		width:100%;
		padding:0 10px;
	}
	.media-article-main-content .lxnews-content-detail{
		width:94%;
		margin:0 auto;
		margin-top:10px;
		margin-bottom:10px;
	}
	.allnews-list li .gt p a{
		font-size:16px;
	}

	.media-allnews-list >li .center{
		width:30%;
		margin-right:0;
	}
	.media-allnews-list >li .center img{
		width:100%;
		height:auto;
	}
	.media-allnews-list >li .center a{
		display:inline-block;
		padding:3px 5px;
		margin:0 auto;
		/*background:#feb447;*/
		font-size:14px;
		color:#feb447;
	}
	.media-allnews-list >li .right{
		width:70%;
		padding-left:15px;
	}

	.media-allnews-list >li .left{
		width:20%;
		margin-right:0;
	}
	.media-allnews-list >li .right2{
		width:80%;
		padding-left:15px;
	}

	/*旅翔助手*/
	.media-question-content{
		width:100%;
		padding:10px;
	}
	.media-question-content .media-question-search{
		width:100%;
		margin-top:0;
	}
	.media-question-search .search-text{
		width:70%;
		float:left;
		display:inline-block;
	}
	.media-question-search .input-group-btn{
		float:left;
		margin-left:20px;
	}
	.media-question-search .input-group-btn .btn{
		padding:5px 12px;
		font-size:14px;
		margin-top:7px;
	}
	.media-question-content .hot-tag{
		width:100%;
		margin-top:0;
		margin-left:0;
		font-size:14px;
		height:32px;
		line-height:32px;
	}
	.media-question-content .hot-tag a{
		margin-left:10px;
	}
	.media-question-content .qa-position{
		height:32px;
		line-height:32px;
		font-size:12px;
	}
	.media-question-content .current_position{
		margin-top:0;
	}
	.media-question-content .current_position a{
		margin-top:0;
		font-size:12px;
	}
	.media-question-content .lxproduct-detail{
		margin-bottom:0;
		margin-top:10px;
	}
	.media-question-content .lxproduct-detail .lxproduct-list{
		width:100%;
		clear:both;
	}
	.media-question-content .lxproduct-detail .lxproduct-list > li > a{
		font-size:12px;
		text-indent:5px;
		background:rgb(34,211,182);
		height:30px;
		line-height:30px;
		text-align:center;
	}
	.lxproduct-detail .lxproduct-list > li .child-list li a{
		width:100%;
		height:24px;
		line-height:24px;
		font-size:12px;
		background:#eee;
		text-align: center;
		text-indent:0;
	}

	.media-question-content .qa-list .lxUseHelp{
		clear:both;
		padding-left:0;
		margin-bottom:5px;
		margin-top:10px;
		width:100%;
	}

	.media-question-content .qa-list .lxUseHelp .question-detail p,
	.media-question-content .qa-list .lxUseHelp .question-detail img{
		width:100%;
	}

/*	.media-question-content div.page{
		width:100%;
	}
	.media-question-content div.page a{
		padding:2px 5px;
		font-size:12px;
	}
	.media-question-content div.page span{
		padding:2px 5px;
		font-size:12px;
	}*/


	/*关于我们*/
	.media-about-us{
		width:100%;
	}
	.media-about-us .about-us{
		margin-top:10px;
	}
	.media-about-us .about-us-content .staff-style{
		width:100%;
		height:auto;
		margin-top:0;
		margin-bottom:0;
	}
	.media-about-us .about-us-content .company-culture{
		margin-top:0;
		width:100%;
		padding:0 15px;
	}
	.media-join-us div{
		width:100%;
		padding:0 15px;
	}

	/*人才招聘--加入我们*/
	.media-join-us-detail{
		margin-top:20px;
		width:100%;
		background:none;
	}
	.media-join-us-detail .join-left{
		width:100%;
		padding:0 15px;
	}
	.media-join-us-detail .join-left .join-menu{
		width:70%;
		margin-top:10px;
		margin-bottom:20px;
	}
	.join-menu li a{
		border-right:1px solid #dcdcdc;
	}
	.media-join-us-detail .join-right{
		clear:both;
		width:100%;
		padding:0 15px;
	}
}