@media screen and (max-width:1920px)
{
	html,body{
		font-size:1.8em;
		height:100%;
	}
}
@media screen and (max-width:1440px)
{
	html,body{
		font-size:1.6em;
		height:100%;
	}
}
@media screen and (max-width:980px)
{
	html,body{
		font-size:1.4em;
		height:1.2em;
	}
}
@media screen and (max-width:580px)
{
	html,body{
		font-size:1.2em;
		height:100%;
	}
}
@media screen and (max-width:380px)
{
	html,body{
		font-size:1.0em;
		height:100%;
	}
}



/* ====================================================================
@ 主页
======================================================================= */
.am-topbar{
	width:100%;
	height:10%;
	background:#191f1f;
	overflow:hidden;	
}

.am-topbar .am-logo{
	width:80%;
	height:100%;
	background:url('../images/gq/logo.png') no-repeat;
	background-size:contain;
}

.am-topbar .am-logo a{
    width:100%;
    height:100%;
    overflow:hidden;
    display:block;
}

.am-topbar .am-menu{
	width:10%;
	padding-bottom:10%;
	margin-top:2%;
	height:0;
	background:url('../images/gq/menu.png') no-repeat;
	background-size:contain;
	cursor:pointer;
}

.am-topbar .am-wraper{
	width:40%;
	height:100%;
	position:fixed;
	background:#191f1f;
	overflow:hidden;	
	display:none;	
	filter: Alpha(opacity=90); /* IE */   
	-moz-opacity:0.9;    /* FF 主要是为了兼容老版本的FF */
	opacity:0.9;    /* FF */
	z-index:100;
}

.am-topbar .am-wraper ul{
	list-style:none outside none;
	overflow:hidden;
}

.am-topbar .am-wraper ul li{
	width:100%;
	height:2em;
	line-height:2em;
	vertical-align:middle;
	padding-left:0.5em;
	/*font-size:1.4em;*/
	overflow:hidden;
}

.am-topbar .am-wraper ul li a{
    width:100%;
    height:100%;
	color:#fff;
    overflow:hidden;
    display:block;
}

.am-topbar .am-wraper ul li.am-active,.am-topbar .am-wraper ul li:hover{
	background:#ff214b;
}


.am-flexslider{
	width:100%;
	height:auto;
	overflow:hidden;
}

.flexslider { position: relative; height: auto; overflow: hidden; background: url(../images/gq/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}
.slides li { height: auto;}
.flex-direction-nav{
	display:none;
}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { width: 25px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;z-index:-1;display:inline-block;}
.flex-control-nav a { display: inline-block; width: 25px; height: 9px; line-height:3.5em; overflow: hidden; background: url(../images/gq/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}

.slides_arrow_left{
	width: 20%;
    height: 0;
    padding-bottom: 20%;
    background: url('../images/gq/arrow_left.png') no-repeat left center;    
	background-size:contain;
	cursor:pointer;
}

.slides_arrow_right{
	width: 20%;
    height: 0;
    padding-bottom: 20%;
    background: url('../images/gq/arrow_right.png') no-repeat right center;
	background-size:contain;
	cursor:pointer;
}

.flexarrow{
	width:100%;
	max-width:1200px;
	height:auto;
	margin:0px auto;
	position: absolute;
    top: 24%;
	z-index: 99;
	overflow:hidden;
}

.am-focus{
	width:100%;
	height:auto;
	overflow:hidden;	
}

.am-focus .mF_expo2010_wrap{
	width:100%;
	height:auto;
	overflow:hidden;
}

.mF_expo2010_wrap .mF_expo2010{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0px;
}

.mF_expo2010_wrap .mF_expo2010 .pic{
	width:100%;
	overflow:hidden;
}

.am-focus-explain{
	padding:0.5em;
}

.am-newslist{
	width:100%;
	height:auto;
    margin-bottom:0.5em;
	overflow:hidden;
}

.am-newslist ul li{
	width:100%;
    height:1.5em;
    line-height:1.5em;
    vertical-align:middle;
	margin-left:0.5em;
	margin-right:1.5em;
	padding:0.2em 0em;
	color:#bababa;
	overflow:hidden;
}

.am-newslist ul li span{
	margin-right:0.8em;
}

.am-newslist .am-title{
	padding:0.5em 0em;
	border-top:1px solid #eaeaea;
	overflow:hidden;
}

.am-newslist .am-more{
	margin-right:0.8em;
}

.am-newslist .am-content ul li:first-child{
	height:160px;
}

.am-newslist .am-content ul li:first-child span.am-child{
	display:none;
}

.am-newslist .am-content ul li:first-child img{
	display:block;
}

.am-newslist .am-content ul li  img{
	display:none;
}


/* ====================================================================
@ APP下载页
======================================================================= */


.am-h5-background{
	background:url('../images/gq/h5_bg.png') no-repeat;
	background-size:100% 56.25%;
	overflow:hidden;
	padding:0px 8%;
}

.am-h5-phone{
	width:80%;
	height:50%;
	background:url('../images/gq/h5_phone.png') no-repeat center center;
	background-size:contain;	
	position:absolute;
	top:14%;
	left:10%;
}

.am-h5-download{
	width:80%;
	height:40%;
	position:absolute;
	top:65%;
	left:10%;
}

.am-h5-download a{
	width:100%;
	margin-top:5%;
	height:25%;
	color:#fff;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	background:#ff335b;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
}

i.am-h5-icon-android{
	height:70%;
	width:0.5%;
	background:url('../images/gq/1.png') no-repeat;
	background-size:contain;
	overflow:hidden;
	padding:0px 8%;
	display:inline-block;
	vertical-align:middle;
}

i.am-h5-icon-iphone{
	height:70%;
	width:0.5%;
	background:url('../images/gq/2.png') no-repeat;
	background-size:contain;
	overflow:hidden;
	padding:0px 8%;
	display:inline-block;
	vertical-align:middle;
}

.am-h5-modal{
	width:100%;
	height:100%;
	overflow:hidden;
	background:#000;
	opacity:0.8; 
	filter: alpha(opacity=80);
	position:fixed;
	_position:absolute;
	top:0px;
	z-index:1000;	
}

.am-h5-modal-content{
	width:100%;
	height:100%;
	position:fixed;
	_position:absolute;
	top:0px;
	z-index:1001;	
	color:#fff;
	overflow:hidden;
}

.am-h5-modal-content .am-h5-weixin{	
	width:90%;
	height:50%;
	margin:5%;
	background:url('../images/gq/live_weixin.png') no-repeat top right;
	background-size:contain;
}

/* ====================================================================
@ 正文页
======================================================================= */
.am-topbar-banner{
	width:100%;
	height:auto;
	overflow:hidden;
}

.am-img-title{
	width:100%;
	height: auto;
    border-bottom: 1px solid #ececec;
	overflow:hidden;
}

.am-content{
	width:100%;
	height:auto;
	overflow:hidden;
}

.am-content .am-title{
	width:100%;
	height:auto;
	padding:0.5em 0em;
	margin-top:1em;
	overflow:hidden;
}

.am-content .am-title span{
	border-top:0.2em solid #ff214b;
	padding:0.5em 0em;
}

.am-sitmap{
	width:100%;
	height:auto;
	overflow:hidden;
}

.am-sitmap ul{
	list-style:none outside none;
	margin-right:0.5em;
}

.am-sitmap ul li{
    font-size:0.8em;
}

.am-news{
	width:100%;
	height:auto;
	overflow:hidden;
}

.am-news .am-padding{
	height:auto;
	padding:0.5em;
	overflow:hidden;
}


.am-home{
	width:10%;
	border-radius:50%;
	background:#000;
	filter: Alpha(opacity=50); /* IE */   
	-moz-opacity:0.5;    /* FF 主要是为了兼容老版本的FF */
	opacity:0.5;    /* FF */
    position:fixed;
    left:0.5em;
    bottom:2.6em;
    cursor:pointer;
	z-index:100;
}

.am-home-menu{
    width:35%;
    height:auto;
    position:fixed;
    left:0em;
    bottom:0em;
    z-index:101;
    background:#191f1f;
    overflow:hidden;
    display:none;
}

.am-home-menu ul{
    list-style:none outside none;
    overflow:hidden;
}

.am-home-menu ul li{
    padding:0.5em;
}

.am-home-menu ul li a{
    width:100%;
    height:100%;
    color:#fff;
    display:block;
}

.am-home-menu ul li.am-active,.am-home-menu ul li:hover{
    background:#ff214b;
}

.am-service-panel{
    width:100%;
    height:auto;
    padding:0.5em;
    position:fixed;
    bottom:0em;
    z-index:102;
    background:#191f1f;
    color:#fff;
    overflow:hidden;
    display:block;
}

.am-service-panel a{
    color:#fff;
}


.am-context{
    width:100%;
    height:auto;
}

.am-news-item{
    border:1px solid #eaeaea;
    margin-bottom:0.5em;
    overflow:hidden;
}

.am-news-title{
    padding:0.5em;
}

.am-news-description{
    padding-left:0.5em;
    padding-bottom:0.5em;
}

.am-news-title{
    width:100%;
    height:1.6em;
    line-height:1.6em;
    vertical-align:middle;
    text-align:center;
    overflow:hidden;
}

.am-img{
    height:10em;
    overflow:hidden;
}