#Marquee_bg{		
		height: 40px;
		background-color: rgba(0,0,0,0.7);
		background-image: url(../images/whtie_line.png);
		background-repeat: repeat-x;
		background-position: top;
		z-index: 9;
		display: block;
		}

		#Marquee_bg00{
			width:100%;
			margin-right:auto;
			margin-left:auto;
			max-width:1000px;
			padding-top:5px;
			font-size:1.1em;
			color:#FFF;
			background-image:url(../images/nav_bg_s.png);
			background-size:150px 25px;
			background-repeat:no-repeat;
			background-position:right top;
			padding-right:160px;
			padding-left:10px;overflow:hidden;
		}

		.tips{
			overflow:hidden;
			}

		ul.marquee, div.horizontal_scroller{
			display:block;
			padding:0;margin:0;
			list-style:none;
			line-height:1;
			position:relative;
			overflow:hidden;
			width:403px;
			height:33px;
			background-repeat:no-repeat;
		}

		ul.marquee li{
			position:absolute;
			top:-999em;
			left:0;
			display:block;
			white-space:nowrap;
			font-size:1em;
			padding-top:7px;
		}

		div.scrollingtext{
			position:absolute;
			display:block;
			white-space:nowrap;
			font-size:1em;
			padding:7px 1em 0 1em;
			width:auto;
		}

		ul.marquee li a, div.scrollingtext a{
			color:#fff;
		}

		ul.marquee li a:hover{
			color:#FF0;
		}

		@media only screen and (max-width:480px){
			#Marquee_bg00{
				width:100%;
				max-width:1000px;
				margin:0 auto;
				padding:5px 90px 0 10px;
				background:url(../images/nav_bg_s.png) no-repeat right top;
				background-size:86px 21px;color:#FFF;
				font-size:1.1em;
				overflow:hidden;
			}
		}

		@media only screen and (max-width:900px){
			ul.marquee{
				width:100%;
			}
		}

		@media only screen and (min-width:901px){
			#Marquee_bg00{
				width:100%;
				height:49px;
				max-width:1000px;
				margin:0 auto;
				padding-top:5px;
				padding-left:5px;
				background:url(../images/nav_bg.png) no-repeat right -5px;
				background-size:580px 100%;
				color:#ffffff;font-size:1.1em;
				}
		}

@media only screen and (min-width: 901px){
#Marquee_bg00 {
    width: 100%;
    height: 49px;
    max-width: 1150px;
    margin: 0 auto;
    padding-top: 5px;
    padding-left: 5px;
    background: url(../images/nav_bg.png) no-repeat;
    background-size: 580px 124%;
    background-position: right;
    color: #ffffff;
    font-size: 1.1em;
}
.nav>ul {
    position: absolute;
    top: 37px;
    right: -55px;
    padding: 0 10px;
    border-top: solid 1px #ffffff;
    font-size: 1.4em;
    background-color: inherit;
}
}



@media only screen and (max-width: 1168px){
.nav>ul {
   /* position: absolute;
    top: 37px;
    right: 20px;*/
    padding: 0 10px;
    border-top: solid 1px #ffffff;
    font-size: 1.4em;
    background-color: inherit;
}
ul.marquee, div.horizontal_scroller {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    position: relative;
    overflow: hidden;
    width: 313px;
    height: 33px;
    background-repeat: no-repeat;
}
}

ul.marquee { /* required styles */
    display: block;
    padding: 0 1em 0 1em;
    list-style: none;
    line-height: 0;
    position: relative;
    overflow: hidden; /* optional styles for appearance */
    width: calc(100% - 4em);
    height: 35px; /*background-image: url(../img/news.png); background-repeat: no-repeat; background-position:1em 60%;*/
    margin: 0 0 0 20px;
}

ul.marquee li { /* required styles */
    position: absolute;
    top: -999em;
    left: 0;
    display: block;
    white-space: nowrap;
    font-size: 1.0625em;
    padding: 20px 0 0 0;
    width: auto;
}

ul.marquee li a {
    color: #333;
    font-weight: bold;
}

ul.marquee li a:hover {
    color: #66F;
}

ul.marquee li a, div.scrollingtext a {
    color: #fff;
}

.marquee-box {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    position: relative;
    overflow: hidden;
    width: 403px;
    height: 33px;
    background-repeat: no-repeat;
	}
	.marquee-box img {
	  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.5);
	  float: left;
	}
	
	.marquee-box ul {
	  overflow: hidden;
	  margin: 0;
	}
	.marquee-box ul li {
		float: left;
		list-style: none;
	}
	.marquee-box a {
	  color: #fff;
	  display: block;
	  margin-right: 3em;
	  font-weight: bold;
	  overflow: hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  text-decoration: none;
	  margin-top: 10px;
	  margin-bottom: 10px;
	}
	
	.marquee-box a:focus{
		background:yellow;
	}

.marq {
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    padding: 0;
    position: relative;
}

.sound {
    display: block;
    float: left;
    vertical-align: middle;
    position: absolute;
    top: 10px;
}

@media screen and (min-width: 1305px) {
    ul.marquee {
        width: calc(100% - 3.5em);
        margin-left: 25px;
    }
}

@media screen and (min-width: 901px) and (max-width: 1304px) {
    ul.marquee {
        width: calc(100% - 3.1em);
        margin-left: 25px;
    }
}

@media screen and (min-width: 641px) and (max-width: 899px) {
    .sound {
        display: block;
        float: left;
        vertical-align: middle;
        position: absolute;
        top: 10px;
        left: 0.3em;
    }

    ul.marquee {
        width: calc(100% - 3.4em);
        margin-left: 25px;
    }

    ul.marquee li {
        padding: 20px 0 0 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 640px) {
    .sound {
        display: block;
        float: left;
        vertical-align: middle;
        position: absolute;
        top: 10px;
        left: 0.3em;
    }

    ul.marquee {
        width: calc(100% - 3.5em);
        margin-left: 25px;
    }

    ul.marquee li {
        padding: 20px 0 0 0;
    }
}

@media screen and (min-width: 0px) and (max-width: 479px) {
    .sound {
        display: block;
        float: left;
        vertical-align: middle;
        position: absolute;
        top: 10px;
        left: 0.3em;
    }

    ul.marquee {
        width: calc(100% - 3.6em);
        margin-left: 25px;
    }

    ul.marquee li {
        padding: 20px 0 0 0;
    }
}
	}