body,
div,
ol,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
form,
fieldset,
legend,
input {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	font-family: 'Microsoft YaHei';
	font-size: 100px;
	outline: 0;
	-webkit-text-size-adjust: none;
}

body {
	margin: 0;
	-webkit-user-select: none;
	position: relative;
	background-color: #fdebd4;
	overflow-x:hidden ;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

a:hover,
a:link,
a:visited,
a {
	color: inherit;
	text-decoration: none;
}

ul,
li {
	list-style: none
}

.Banner{
	width: 100%;
}

.Banner .BannerImg{
	width: 100%;
	display: block;
	z-index: -9;
	height: auto;
	margin: 0 auto;
	max-width: 1920px;
	max-height: 567px;
}

.Main {
	width: 100%;
}

.Main .Plate_Bg1 {
	background: url(../img/b_03.jpg)no-repeat center top;
	position: absolute;
	width: 100%;
	background-size: 100%;
	height: 771px;
	z-index: -10;
}

.Main .Plate_Bg2 {
	background: url(../img/lmb.jpg) no-repeat;
	position: absolute;
	width: 100%;
	min-width: 1000px;
	background-size: 100%;
	height: 442px;
	z-index: -10;
}

.Main .Plate_Bg3 {
	background: url(../img/lmb1.jpg) no-repeat;
	position: absolute;
	width: 100%;
	min-width: 1000px;
	background-size: 100%;
	height: 442px;
	z-index: -10;
}

.Main .Message{
	border: 2px solid #bb2939;
	height: auto;
	position: relative;
	padding: 20px 35px;
}

.Main .Message .Text{
	font-family: KaiTi; 
  	font-size: 22px;
  	line-height: 40px;
  	font-weight: 600;
  	color: #BB2939;
  	text-indent: 2em;
  	letter-spacing: 0;
}

.Main .Message .Pic1{
	background:url(../img/pic_01.png) no-repeat;
	width: 14px;
	height: 13px;
	position:absolute;
	top: -2px;
	left: -2px;
}

.Main .Message .Pic2{
	background:url(../img/pic_02.png) no-repeat;
	width: 14px;
	height: 13px;
	position:absolute;
	right: -2px;
	top: -2px;
}

.Main .Message .Pic3{
	background:url(../img/pic_03.png) no-repeat;
	width: 14px;
	height: 13px;
	position:absolute;
	bottom: -2px;
	left: -2px;
}

.Main .Message .Pic4{
	background:url(../img/pic_04.png) no-repeat;
	width: 14px;
	height: 13px;
	position:absolute;
	bottom: -2px;
	right: -2px;
}

.Main .Content {
	font-size: 0.1rem;
	margin: 0 auto;
	width: 1000px;
	color: #434343;
	text-decoration: none;
}

/* 新闻刷图样式开始 */

.Main .Content .Headlines {
	margin: 5% 0;
}

.Main .Content .Headlines .Adv_Img {
	width: 100%;
	float: left;
}

.Main .Content .Headlines .Adv_Img_Banner{
	width: 100%;
}

div.slideBox {
	position: relative;
	height: 300px;
	overflow: hidden;
	font-family: "Microsoft Yahei", "微软雅黑";
}

div.slideBox ul.items {
	position: absolute;
	float: left;
	background: none;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

div.slideBox ul.items li {
	float: left;
	background: none;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

div.slideBox ul.items li a {
	float: left;
	line-height: normal !important;
	padding: 0px !important;
	border: none/*For IE*/
	;
}

div.slideBox ul.items li a img {
	margin: 0px !important;
	padding: 0px !important;
	display: block;
	border: none/*For IE*/
	;
}

div.slideBox div.tips {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 30px;
	background-color: #000;
	overflow: hidden;
}

div.slideBox div.tips div.title {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
}

div.slideBox div.tips div.title a {
	color: #FFF;
	font-size: 16px;
	line-height: 30px;
	margin-left: 10px;
	text-decoration: none;
}

div.slideBox div.tips div.title a:hover {
	text-decoration: underline !important;
}

div.slideBox div.tips div.nums {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
}

div.slideBox div.tips div.nums a {
	display: inline-block;
	>float: left/*For IE*/
	;
	line-height: 10px;
	width: 10px;
	height: 10px;
	background-color: #FFF;
	text-indent: -99999px;
	margin: 10px 10px 0px 0px;
}

div.slideBox div.tips div.nums a.active {
	background-color: #093;
}

/* 新闻刷图样式结束 */

.Main .Content .Headlines .Headlines_News {
	width: 400px;
	float: right;
}

.Main .Content .Headlines .Headlines_News li {
	border-bottom: dotted 1px #666;
	margin-bottom: 10px;
}

.Main .Content .Headlines .Headlines_News li h3 {
	font-size: 22px;
	font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei";
	color: #333333;
	font-weight: 600;
	line-height: 1.8em;
	padding-top: 0;
}

.Main .Content .Headlines .Headlines_News li p {
	color: #626262;
	font-size: 16px;
	text-align: left;
	line-height: 1.8em;
	font-weight: normal;
	padding-bottom: 10px;
}

.Main .Content .Headlines .Headlines_News li p a {
	color: #a50000;
}

.Main .Content .Hotnews .Hotnews_L {
	height: auto;
	float: left;
}

.Main .Content .Hotnews .Hotnews_L .Hotnews_L_Tit_L{
	float: left;
	background: url(../img/pic_05.jpg) no-repeat;
	text-align: center;
	width: 140px;
	height: 43px;
}

.Main .Content .Hotnews .Hotnews_L .Hotnews_L_Tit_R{
	float: right;
	line-height: 41px;
}

.Main .Content .Hotnews .Hotnews_L .Hotnews_L_Tit_R a{
	color: #bb2939;
	font-size: 16px;
	font-weight: bold;
}

.Main .Content .Hotnews .Hotnews_L .Hotnews_L_Tit_L h3{
	font-size: 24px;
	line-height: 41px;
	color: #fff;
	font-weight: normal;
}

.Main .Content .Hotnews .Hotnews_L ul {
	width: auto;
	margin-top: 20px;
}

.Main .Content .Hotnews .Hotnews_L li {
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: 500;
	text-indent: 16px;
	background: url(../img/i2.gif) no-repeat 0px 12px;
}

.Main .Content .Hotnews .Hotnews_L li:hover {
	margin-left: -15px;
	position: relative;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-ms-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
	z-index: 1;
}

.Content .Title_Map{
	position: relative;
}

.Content .Title_Map img{
	width: 100%;
	background-size:100% ;
	margin: 10% 0 5% 0;
}

.Content .Title_Map .Text{
	position: absolute;
	top: 34%;
	left: 35%;
	line-height: 80px;
	width: 35%;
}

.Content .Title_Map .Text h3{
	float: left;
	color: #fff;
	font-size: 50px;
}

.Content .Title_Map .Text a{
	color: #fff;
	float: left;
	font-size: 45px;
	letter-spacing: 10px;
	font-family: STXihei;
	margin-left: 2%;
}

.Content .Person .Person_L {
	width: 423px;
	height: auto;
	float: left;
}

.Content .Person .Person_L li {
	width: 130px;
	float: left;
	margin: 5px 5px;
	height: 128px;
	background: #E7D4AC;
	text-align: center;
}

.Content .Person .Person_L li:hover {
	background: #c50208;
}

.Content .Person .Person_L .person_Pic img {
	margin: 16px auto;
	text-align: center;
}

.Content .Person .Person_L .More a {
	width: 100px;
	height: 96px;
	margin: 16px auto;
	background: #ab8d6b;
	display: block;
	vertical-align: middle;
	line-height: 96px;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
}

.Content .Person .person_R {
	width: 535px;
	height: 500px;
	float: left;
	background: #c50208;
	padding: 20px;
	color: #fff;
	margin-top: 5px;
}

.Content .Person .person_R .Pic {
	text-align: center;
}

.Content .Person .person_R .Text a {
	font-size: 28px;
	display: block;
	margin: 10px auto;
	border-bottom: dashed 1px #fff;
	text-align: center;
	padding: 10px 0;
}

.Content .Person .person_R .Text p {
	font-size: 16px;
	display: block;
	margin-top: 15px;
	line-height: 22px;
}

.Content .Picture_Wall {
	position: relative;
}

.Content .Picture_Wall li {
	float: left;
	width: 180px;
	height: 180px;
	margin: 10px;
}

.Content .Picture_Wall .picBox {
	animation-name: out-right;
	animation-play-state: running;
}

.Content .Picture_Wall .PicBox .Show {
	position: absolute;
}

.Content .Picture_Wall .PicBox .Show img{
	width: 180px;
	height: 180px;
}

.Content .Picture_Wall .PicBox .Hide {
	transform-origin: 0% 0%;
	transform: translate3d(100%, 0, 0) rotate3d(0, 1, 0, 90deg);
	color: #fff;
	background-color: rgba(183, 29, 35, .8);
	transform: translate3d(0, 0, -1px);
	width: 180px;
	height: 180px;
}

.Content .Picture_Wall .PicBox .Hide h3 {
	line-height: 25px;
	font-size: 16px;
	padding: 0 10px 10px 10px;
	color: #fff;
	text-decoration: none;
	font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei";
	text-align: left;
	padding-top: 10px;
}

.Content .Picture_Wall .PicBox .Hide h3 a {
	color: #fff;
}

.Content .Play .Pic1 {
	width: 650px;
	height: 420px;
	float: left;
	position: relative;
	margin-right: 16px;
}

.Content .Play img {
	overflow: hidden;
	width: 650px;
	height: 420px;
}

.Content .Play .Pic1 .Title {
	font-size: 16px;
	width: 100%;
	padding: 10px 0;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgb(174, 18, 17);
	background: rgba(174, 18, 17, .8);
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
}

.Content .Play .Pic2 ,.Content .Play .Pic3{
	width: 315px;
	float: left;
	position: relative;
	margin-bottom: 15px;
}

.Content .Play .Pic2 img ,.Content .Play .Pic3 img{
	overflow: hidden;
	width: 315px;
	height: 200px;
}

.Content .Play .Pic2 .Title ,.Content .Play .Pic3 .Title {
	font-size: 14px;
	width: 100%;
	padding: 10px 0;
	position: absolute;
	left: 0;
	bottom: 2px;
	background: rgb(174, 18, 17);
	background: rgba(174, 18, 17, .8);
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
}
.Content .Play .Pic3{
	margin-right: 18px;
}

.mt15{margin-top: 15px;}

.Content .Photography {
	margin-bottom: 60px;
}

.Content .Photography img {
	width: 1000px;
	height: 670px;
}

.Edit{
	margin: 30px 10px 10px 0;
	float: right;
}

/*食·新年滋味板块开始*/
.wrapper{
    max-width:1100px;
    margin:0px auto;
}
.wrapper li{
    position: relative;
    width: 180px;
    height: 180px;
    list-style:none;
    margin: 10px 8px;
    display: inline-block;
    perspective: 300px;
  }
  .picBox{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform-style: preserve-3d;
    transform-origin: 50% 50% -90px;
    animation: 200ms ease-out 0ms 1 normal forwards;
  }

.show,
.hide{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
  }
.hide{
    color:#fff;
    background-color:rgba(183,29,35,.8);
    
    
    transform: translate3d(0,0,-1px);
    /* 3D空间内移动一个元素的位置 */
}
.hide h3 {line-height: 25px;font-size: 16px;padding:10px;color:#fff;text-decoration: none; font-family: "Hiragino Sans GB","STHeiti","Microsoft Yahei";text-align:left;
  
  }
.hide h3 a{color:#fff;text-decoration: none; font-family: "Hiragino Sans GB","STHeiti","Microsoft Yahei";text-align:left;
  
  }
.in-top .hide,
.out-top .hide
 {
    transform-origin: 0% 100%;
    transform: translate3d(0, -100%, 0) rotate3d(1,0,0,90deg);
}
.in-top .picBox{
    animation-name: in-top;
    animation-play-state: running;
}
.out-top .picBox{
    animation-name: out-top;
    animation-play-state: running;
}
@keyframes in-top {
    from  {transform: rotate3d(0,0,0,0deg)}
    to    {transform: rotate3d(-1,0,0,90deg)}
} 

@keyframes out-top {
    from {transform: rotate3d(-1,0,0,90deg)}
    to   {transform: rotate3d(0,0,0,0deg)}
}
.in-right .hide,
.out-right .hide {
          transform-origin: 0% 0%;
          transform: translate3d(100%, 0, 0) rotate3d(0,1,0,90deg);
}
.in-right .picBox{
    animation-name: in-right;
    animation-play-state: running;
}
.out-right .picBox{
    animation-name: out-right;
    animation-play-state: running;
}
@keyframes in-right {
    from  {transform: rotate3d(0,0,0,0deg)}
    to    {transform: rotate3d(0,-1,0,90deg)}
}

@keyframes out-right {
    from  {transform: rotate3d(0,-1,0,90deg)}
    to    {transform: rotate3d(0,0,0,0deg)}
}

.in-bottom .hide,
.out-bottom .hide {
          transform-origin: 0% 0%;
          transform: translate3d(0, 100%, 0) rotate3d(-1,0,0,90deg);
}
.in-bottom .picBox{
    animation-name: in-bottom;
    animation-play-state: running;
}
.out-bottom .picBox{
    animation-name: out-bottom;
    animation-play-state: running;
}
@keyframes in-bottom {
    from  {transform: rotate3d(0,0,0,0deg)}
    to    {transform: rotate3d(1,0,0,90deg)}
}
@keyframes out-bottom {
    from  {transform: rotate3d(1,0,0,90deg)}
    to    {transform: rotate3d(0,0,0,0deg)}
}
.in-left .hide,
.out-left .hide {
          transform-origin: 100% 0;
          transform: translate3d(-100%,0,0) rotate3d(0,-1,0,90deg);
}
@keyframes in-left {
    from  {transform: rotate3d(0,0,0,0deg)}
    to    {transform: rotate3d(0,1,0,90deg)}
}
@keyframes out-left {
    from  {transform: rotate3d(0,1,0,90deg)}
    to    {transform: rotate3d(0,0,0,0deg)}
}
.in-left .picBox{
          animation-name: in-left;
          animation-play-state: running;
}
.out-left .picBox{
          animation-name: out-left;
          animation-play-state: running;
}
/*食·新年滋味板块结束*/


/* 景·年味十足板块开始*/
.container {
	overflow: hidden;
	position: relative;
	margin-top: 40px;
}

.page_wrap {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transform: translate3d(0, 0, 0);
}

.page_cnt {
	position: absolute;
	left: 0%;
	top: 0;
	right: 0;
	bottom: 0;
}

.page_item {
	position: relative;
	width: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.index {
	width: 100%;
	height: 100%;
}

.index .main-header .nav li a:hover,
.index .main-header .nav li a.cur {
	color: #fff;
	opacity: 0.6;
}

.main-header {
	position: absolute;
	top: 0px;
	/*padding-left: 35%;*/
	background: #fff;
	width: 100%;
	opacity: 0.6;
}

.main-header ul li {
	float: left;
	margin: 10px;
	font-size: 16px;
}

.main-header ul li a {
	color: #000;
}

.page_cnt .bg {
	transition: transform 1s ease 0.5s;
	transition: transform 1s ease 0.5s;
}


/*.cur .page_cnt .bg{ transform:scale(1.08);}*/

.index .slogan {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -340px;
	width: 678px;
	height: 101px;
	margin-top: -50px;
}

.counter {
	position: absolute;
	right: 20px;
	top: 30%;
	height: 208px;
	margin-top: -104px;
}

.counter span {
	display: block;
	position: relative;
	width: 130px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
}

.counter span i {
	position: absolute;
	top: 4px;
	right: 2px;
	width: 6px;
	height: 6px;
	margin: 5px 0;
	margin-right: 2px;
	background: #fff;
	border-radius: 999px;
	cursor: pointer;
	opacity: .5;
}

.counter span.cur i,
.counter span:hover i {
	width: 10px;
	height: 10px;
	top: 2px;
	right: 0;
	background: #fff;
	opacity: 1;
}

.counter span em {
	float: left;
	width: 110px;
	height: 30px;
	text-align: right;
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	transform: scale(0.2);
	transform-origin: 100% 50%;
	transition: all ease 0.3s;
	visibility: hidden;
}

.counter span:hover em {
	transform: scale(1);
	visibility: visible;
}

.counter.blue span i {
	background: #ccc;
}

.counter.blue span em {
	color: #2676dd;
}

.counter.blue span.cur i,
.counter.blue span:hover i {
	background: #2676dd;
}

#arrow {
	background: url(http://3gimg.qq.com/trom_s/toshomepage20150702/tos_home/images/btn_arrow.png) no-repeat;
	width: 37px;
	height: 35px;
	position: absolute;
	left: 50%;
	bottom: 20px;
	margin-left: -18px;
	-webkit-animation: arrowUp 2s infinite ease-in-out;
	-ms-animation: arrowUp 2s infinite ease-in-out;
	animation: arrowUp 2s infinite ease-in-out;
	cursor: pointer;
}

#arrow.up_btn {
	background-position: 35px -70px;
}

#arrow.up_btn:hover {
	background-position: -170px -70px;
}

@-webkit-keyframes arrowUp {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -8px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px)
	}
}

@-webkit-keyframes movein {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -100px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
}

.page_item .tit {
	margin: 0 auto 60px auto;
	display: block;
}

.tit {
	-webkit-transform: translateZ(0);
}


/*.feature{ -webkit-transform: scale(.7) translateZ(0);}*/


/*.feature img{ -webkit-transform: scale(.7) translate3d(-30%, 0, 0) translateZ(0);}*/

.feature img {
	-webkit-transform: translateZ(0);
}

.animated {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.page_item {
	/*background-image: -webkit-linear-gradient( 90deg, rgb(242,245,248) 0%, rgb(242,245,248) 50%, rgb(211,220,229) 100%);*/
	/*background:url("../images/page_bg.jpg") top repeat-x #f1f5f8;*/
	/*background: linear-gradient(to bottom, rgb(211,220,229) 0%, rgb(242,245,248) 50%, rgb(242,245,248) 100%);*/
}

.page11 {}

.page11 .phone_wrap {
	height: 605px;
	position: absolute;
	right: 50%;
	top: 100px;
	width: 512px;
	-webkit-transform: translateX(100px);
}


/*.phone1,.phone2{  -webkit-transition:transform 1s ease;}*/

.cur .phone1,
.cur .phone2 {
	-webkit-transform: translateX(0);
}

.page11 .phone1 {
	position: absolute;
	left: -100px;
	top: 10px;
}


/*.page11 .phone1{ -webkit-transform:translateX(-100px);}*/

.page11 .phone2 {
	position: absolute;
	left: -100px;
	top: 0;
	/*-webkit-transform:translateX(-100px);*/
}

.page11 .phone2.animated {
	-webkit-transform: translateX(160px);
	-moz-transform: translateX(160px);
	-ms-transform: translateX(160px);
	transform: translateX(160px);
}

.page_item.index .txt_box {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 708px;
	margin-left: -354px;
	margin-top: -80px;
}

.page_item.index .txt_box p {
	font-size: 18px;
	color: #fffefe;
	text-align: center;
	line-height: 1.8;
	margin-bottom: 47px;
}

.page_item.index .txt_box .btn_v:hover {
	background-position: 0 -54px;
}

.page11 .feature {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 100px;
	margin-top: -33px;
}

.page12 {}

.page12 .phone_wrap {
	height: 605px;
	position: absolute;
	left: 50%;
	top: 90px;
	width: 400px;
}

.page12 .phone1 {
	position: absolute;
	left: 210px;
	top: 10px;
}

.page12 .phone2 {
	position: absolute;
	left: 150px;
	top: 0;
}

.page12 .phone2.animated {
	left: 0;
}

.page12 .feature {
	position: absolute;
	right: 50%;
	top: 50%;
	margin-right: 100px;
	margin-top: -33px;
}

.page13 {}

.page13 .phone_wrap {
	width: 717px;
	height: 389px;
	position: absolute;
	left: 50%;
	top: 180px;
	margin-left: -460px;
}

.page13 .phone1 {
	position: absolute;
	left: 0;
	top: 10px;
}

.page13 .phone2 {
	position: absolute;
	left: 100px;
	top: 0;
}

.page13 .feature {
	position: absolute;
	left: 50%;
	top: 287px;
	margin-left: 200px;
}

.phone-apps.a1 {
	top: 200px;
	left: 154px;
}

.phone-apps.a2 {
	top: 200px;
	left: 263px;
	background-position: 0 -90px;
}

.phone-apps.a3 {
	top: 200px;
	left: 372px;
	background-position: 0 -180px;
}

.phone-apps.a4 {
	top: 200px;
	left: 481px;
	background-position: 0 -270px;
}

.phone-apps.a5 {
	top: 300px;
	left: 154px;
	background-position: 0 -360px;
}

.phone-apps.a6 {
	top: 300px;
	left: 263px;
	background-position: 0 -450px;
}

.phone-apps.a7 {
	top: 300px;
	left: 372px;
	background-position: 0 -540px;
}

.phone-apps.a8 {
	top: 300px;
	left: 481px;
	background-position: 0 -630px;
}

.phone-apps.animated {
	opacity: 1;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.phone-apps.animated.a1 {
	top: 10px;
}

.phone-apps.animated.a2 {
	top: 10px;
}

.phone-apps.animated.a3 {
	top: 10px;
}

.phone-apps.animated.a4 {
	top: 10px;
}

.phone-apps.animated.a5 {
	top: 137px;
}

.phone-apps.animated.a6 {
	top: 137px;
}

.phone-apps.animated.a7 {
	top: 137px;
}

.phone-apps.animated.a8 {
	top: 137px;
}

.page21 {}

.page21 .phone_wrap {
	height: 605px;
	position: absolute;
	left: 50%;
	top: 90px;
	width: 302px;
}

.page21 .phone1 {
	position: absolute;
	left: 0;
	top: 0;
}

.page21 .phone2 {
	position: absolute;
	left: 0;
	top: 0;
	margin-top: -133px;
}

.page21 .feature {
	position: absolute;
	right: 50%;
	top: 50%;
	margin-right: 100px;
	margin-top: -33px;
}

.page22 {}

.page22 .phone_wrap {
	height: 605px;
	position: absolute;
	right: 50%;
	top: 90px;
	width: 400px;
}

.page22 .phone1 {
	position: absolute;
	left: -54px;
	top: 10px;
}

.page22 .phone2 {
	position: absolute;
	left: -50px;
	top: 0;
}

.page22 .phone2.animated {
	left: 100px;
}

.page22 .feature {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 150px;
	margin-top: -33px;
}

.page23 {}

.page23 .phone_wrap {
	height: 605px;
	position: absolute;
	left: 50%;
	top: 90px;
	width: 400px;
}

.page23 .phone1 {
	position: absolute;
	left: 0;
	top: 10px;
}

.page23 .phone2 {
	position: absolute;
	left: 15px;
	top: 0;
}

.page23 .phone2.animated {
	left: 125px;
}

.page23 .feature {
	position: absolute;
	right: 50%;
	top: 50%;
	margin-right: 100px;
	margin-top: -33px;
}

.page31 {}

.page31 .phone_wrap {
	height: 651px;
	position: absolute;
	right: 50%;
	top: 90px;
	width: 380px;
}

.page31 .phone1 {
	position: absolute;
	left: 0;
	top: -15px;
}

.page31 .feature {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 100px;
	margin-top: -33px;
}

.phone-detail {
	position: absolute;
	top: -15px;
	width: 224px;
	height: 219px;
	background: url("http://3gimg.qq.com/trom_s/toshomepage20150702/tos_home/images/img_phone31_1-detail.png") no-repeat;
	z-index: 1;
	opacity: 0;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5);
}

.phone-detail.animated,
.notice-bar.animated,
.notice.animated {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.phone-detail.animated {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.notice-bar {
	position: absolute;
	left: -30px;
}

.notice {
	position: absolute;
	width: 30px;
	height: 30px;
	background: url("http://3gimg.qq.com/trom_s/toshomepage20150702/tos_home/images/img_phone31_1-notice.png") no-repeat;
	opacity: 0;
}

.notice.msg {
	top: 105px;
	left: 85px;
}

.notice.weixin {
	top: 105px;
	left: 123px;
	background-position: 0 -30px;
}

.notice.more {
	top: 105px;
	left: 53px;
	background-position: 0 -60px;
}

.notice.msg.animated {
	opacity: 1;
}

.notice.weixin.animated {
	opacity: 1;
}

.notice.more.animated {
	opacity: 1;
}

.notice-bar.animated {
	left: 0;
}

.page32 {}

.page32 .phone_wrap {
	height: 605px;
	position: absolute;
	left: 50%;
	top: 90px;
	width: 400px;
}

.page32 .phone1 {
	position: absolute;
	left: 0;
	top: 10px;
}

.page32 .feature {
	position: absolute;
	right: 50%;
	top: 50%;
	margin-right: 100px;
	margin-top: -33px;
}

.page33 {}

.page33 .phone_wrap {
	height: 605px;
	position: absolute;
	right: 50%;
	top: 90px;
	width: 400px;
}

.page33 .phone1 {
	position: absolute;
	left: 0;
	top: 10px;
}

.page33 .phone2 {
	position: absolute;
	left: 20px;
	top: 0;
}

.page33 .phone2.animated {
	left: 100px;
}

.page33 .feature {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 100px;
	margin-top: -33px;
}

.page41 {}

.page41 .phone_wrap {
	height: 605px;
	position: absolute;
	left: 50%;
	top: 90px;
	width: 400px;
}

.page41 .phone1 {
	position: absolute;
	left: 150px;
	top: 10px;
}

.page41 .phone1.animated {
	left: 0;
}

.page41 .phone2 {
	position: absolute;
	left: 165px;
	top: 0;
}

.page41 .feature {
	position: absolute;
	right: 50%;
	top: 50%;
	margin-right: 100px;
	margin-top: -33px;
}

.page42 {}

.page42 .phone_wrap {
	height: 686px;
	position: absolute;
	right: 50%;
	top: 90px;
	width: 400px;
}

.page42 .phone1 {
	position: absolute;
	left: 130px;
	top: 35px;
}

.page42 .phone1.animated {
	left: 0;
}

.page42 .phone2 {
	position: absolute;
	left: 130px;
	top: -10px;
}

.page42 .feature {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 150px;
	margin-top: -33px;
}

.page43 {}

.page43 .phone_wrap {
	height: 605px;
	position: absolute;
	left: 50%;
	top: 90px;
	width: 400px;
}

.page43 .phone1 {
	position: absolute;
	left: 220px;
	top: 10px;
}

.page43 .phone2 {
	position: absolute;
	left: 150px;
	top: 0;
}

.page43 .phone2.animated {
	left: 0;
}

.page43 .feature {
	position: absolute;
	right: 50%;
	top: 50%;
	margin-right: 100px;
	margin-top: -33px;
}

.trigger {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 150px;
}

.footer_wrap {
	background: #e5e5e5;
}


/*sider_box*/

.sider_box {
	position: absolute;
	left: 0;
	width: 20%;
	top: 0;
	bottom: 0;
	-webkit-transform: translate3d(-560px, 0, 0);
	-webkit-transition: -webkit-transform 0.3s 0.5s;
	-ms-transform: translate3d(-560px, 0, 0);
	-ms-transition: -ms-transform 0.3s 0.5s;
	-moz-transform: -moz-translate3d(-560px, 0, 0);
	-moz-transition: -moz-transform 0.3s 0.5s;
	height: 100%;
}

.sider_box1 {
	position: absolute;
	left: 0;
	width: 20%;
	top: 0;
	bottom: 0;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition: -webkit-transform 0.3s 0.5s;
	-ms-transform: translate3d(-560px, 0, 0);
	-ms-transition: -ms-transform 0.3s 0.5s;
	-moz-transform: -moz-translate3d(-560px, 0, 0);
	-moz-transition: -moz-transform 0.3s 0.5s;
	height: 100%;
}


/*460px*/

.bg_layer {
	width: 100%;
	height: 100%;
	background: #666;
	opacity: 0.8;
}

.page12 .sider_box,
.page2 .sider_box,
.page5 .sider_box,
.page8 .sider_box,
.page14 .sider_box,
.page16 .sider_box,
.page20 .sider_box {
	left: auto;
	right: 0;
	-webkit-transform: translate3d(560px, 0, 0);
	-ms-transform: translate3d(560px, 0, 0);
	-moz-transform: -moz-translate3d(560px, 0, 0);
}

.page21 .sider_box,
.page3 .sider_box,
.page6 .sider_box,
.page9 .sider_box.page15 .sider_box,
.page16 .sider_box,
.page22 .sider_box {
	left: auto;
	right: 0;
	-webkit-transform: translate3d(560px, 0, 0);
	-ms-transform: translate3d(560px, 0, 0);
	-moz-transform: -moz-translate3d(560px, 0, 0);
}

.page13 .sider_box .bg_layer,
.page1 .sider_box .bg_layer,
.page4 .sider_box .bg_layer,
.page7 .sider_box .bg_layer,
.page10 .sider_box .bg_layer,
.page16 .sider_box .bg_layer,
.page19 .sider_box .bg_layer {
	background: #666;
	opacity: 0.5;
	height: 100%;
}

.page12 .sider_box .bg_layer,
.page2 .sider_box .bg_layer,
.page5 .sider_box .bg_layer,
.page8 .sider_box .bg_layer,
.page14 .sider_box .bg_layer,
.page16 .sider_box .bg_layer,
.page20 .sider_box .bg_layer {
	background: #666;
	opacity: 0.5;
	height: 100%;
}

.page21 .sider_box .bg_layer,
.page3 .sider_box .bg_layer,
.page6 .sider_box .bg_layer,
.page9 .sider_box .bg_layer.page15 .sider_box .bg_layer,
.page16 .sider_box .bg_layer,
.page22 .sider_box .bg_layer {
	background: #666;
	opacity: 0.5;
}

.cur .sider_box {
	-webkit-transform: translateX(-0);
	-ms-transform: translateX(-0);
	-moz-transform: translateX(-0);
}

.sider_box .icon {
	display: block;
	width: 131px;
	height: 224px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -162px;
	margin-left: -65px;
	-webkit-transition: -webkit-transform ease .5s 0.8s, opacity ease .5s 0.8s;
	-webkit-transform: translate3d(0, 50px, 0);
	-ms-transition: -ms-transform ease .5s 0.8s, opacity ease .5s 0.8s;
	-ms-transform: -ms-translate3d(0, 50px, 0);
	-moz-transition: -moz-transform ease .5s 0.8s, opacity ease .5s 0.8s;
	-moz-transform: -moz-translate3d(0, 50px, 0);
	opacity: 0;
}

.sider_box1 .icon {
	display: block;
	width: 131px;
	height: 224px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -162px;
	margin-left: -65px;
	-webkit-transition: -webkit-transform ease .5s 0.8s, opacity ease .5s 0.8s;
	-webkit-transform: translate3d(0, 50px, 0);
	-ms-transition: -ms-transform ease .5s 0.8s, opacity ease .5s 0.8s;
	-ms-transform: -ms-translate3d(0, 50px, 0);
	-moz-transition: -moz-transform ease .5s 0.8s, opacity ease .5s 0.8s;
	-moz-transform: -moz-translate3d(0, 50px, 0);
	opacity: 100;
}

svg2 {
	width: 256px;
	height: 299px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -225px;
	margin-left: -139px;
	-webkit-transition: -webkit-transform ease .5s 0.8s, opacity ease .5s 0.8s;
	-webkit-transform: translate3d(0, 50px, 0);
	opacity: 0;
}

.sider_box .txt {
	position: absolute;
	left: 0;
	top: 50%;
	text-align: center;
	width: 100%;
	margin-top: 94px;
	-webkit-transition: -webkit-transform ease .5s 0.8s, opacity ease .5s 1s;
	-webkit-transform: translate3d(0, 50px, 0);
	opacity: 0;
}

.sider_box1 .txt {
	position: absolute;
	left: 0;
	top: 40%;
	text-align: center;
	width: 100%;
	margin-top: 94px;
	-webkit-transition: -webkit-transform ease .5s 0.8s, opacity ease .5s 1s;
	-webkit-transform: translate3d(0, 50px, 0);
	opacity: 100;
}

.sider_box .txt h2 {
	font-size: 18px;
	color: #fff;
	margin-bottom: 16px;
	font-weight: bold;
}

.sider_box .txt p {
	font-size: 16px;
	color: #fff;
	opacity: 0.6;
	line-height: 1.6;
	width: 80%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-weight: bold;
}

.page12 .sider_box .icon {
	width: 167px;
	height: 250px;
	margin-top: -184px;
	margin-left: -83px;
}

.page13 .sider_box .icon {
	width: 252px;
	height: 155px;
	margin-top: -92px;
	margin-left: -126px;
}

.page21 .sider_box .icon {
	width: 251px;
	height: 130px;
	margin-top: -66px;
	margin-left: -125px;
}

.cur .sider_box .icon,
.cur .sider_box svg {
	-webkit-transform: translate3d(0, 0, 0);
	opacity: 1;
}

.cur .sider_box .txt {
	-webkit-transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page_item .btn_wrap {
	position: absolute;
	left: 560px;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transition: -webkit-transform ease .5s 0.8s, opacity ease .5s 0.8s;
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
}

.page_item.cur .btn_wrap {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
}

.page12.page_item .btn_wrap,
.page21.page_item .btn_wrap {
	right: 560px;
	left: 0;
}

.page_item .btn_video:hover {
	background-position: 0 -82px;
}


/*news*/

.flyin .news_list li,
.cur .page_cnt .logo_list li {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.page_cnt .news_list li:nth-child(1) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.page_cnt .news_list li:nth-child(2) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.page_cnt .news_list li:nth-child(3) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.page_cnt .news_list li:nth-child(4) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.page_cnt .logo_list li:nth-child(1),
.page_cnt .logo_list li:nth-child(2),
.page_cnt .logo_list li:nth-child(3),
.page_cnt .logo_list li:nth-child(4) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.page_cnt .logo_list li:nth-child(5),
.page_cnt .logo_list li:nth-child(6),
.page_cnt .logo_list li:nth-child(7),
.page_cnt .logo_list li:nth-child(8) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.page_cnt .logo_list li:nth-child(9),
.page_cnt .logo_list li:nth-child(10),
.page_cnt .logo_list li:nth-child(11),
.page_cnt .logo_list li:nth-child(12) {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.page_cnt .news_list p {
	line-height: 2;
}

.more_bar {
	width: 1000px;
	margin: 0 auto;
}

.news_more {
	background: url(http://3gimg.qq.com/trom_s/toshomepage20150702/tos_home/images/icon_more_arrow.png) no-repeat right center;
	display: inline-block;
	padding-right: 20px;
	color: #7f7f7f;
	font-size: 16px;
}


/*loogs*/

.page23 {
	background: #eff2f3;
}

.svg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 2560px;
	height: 1600px;
}

.svg svg {
	width: 2560px;
	height: 1600px;
	-webkit-transform: translateZ(0);
}


/*.phone-bg{ background:#dcdfe4;}*/


/*.phone-bg img{ position:absolute; bottom:0; left:50%; margin-left:-720px;}*/

.path {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 1s linear 1s;
	animation-fill-mode: forwards;
}

.path2 {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 1s linear 1.5s 1;
	animation-fill-mode: forwards;
}

.path3 {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 1s linear 1.8s 1;
	animation-fill-mode: forwards;
}

.path4 {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 1s linear 2s 1;
	animation-fill-mode: forwards;
}

@keyframes dash {
	to {
		stroke-dashoffset: 0;
	}
}

.min {
	transform-origin: 141px 191px;
	/*  animation: circle 60s linear infinite;
    */
	background: #FFF;
}

@keyframes circle {
	to {
		transform: rotate(360deg);
	}
}

@media screen and (max-width: 1440px) {
	.sider_box {
		width: 20%;
	}
	.bg_layer {
		width: 100%;
	}
	.sider_box .txt h2 {
		font-size: 18px;
	}
	.sider_box .txt p {
		font-size: 16px;
	}
	.sider_box .icon {
		display: block;
		width: 98px;
		height: 168px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-top: -134px;
		margin-left: -49px;
	}
	.page12 .sider_box .icon {
		width: 125px;
		height: 187px;
		margin-top: -150px;
		margin-left: -62px;
	}
	.page13 .sider_box .icon {
		width: 189px;
		height: 116px;
		margin-top: -81px;
		margin-left: -95px;
	}
	.page21 .sider_box .icon {
		width: 188px;
		height: 97px;
		margin-top: -64px;
		margin-left: -94px;
	}
	.sider_box .txt {
		margin-top: 64px;
	}
	.page_item .btn_wrap {
		position: absolute;
		left: 420px;
		right: 0;
		top: 0;
		bottom: 0;
	}
	.page12.page_item .btn_wrap,
	.page21.page_item .btn_wrap {
		right: 420px;
		left: 0;
	}
}

@media screen and (max-height: 800px) {
	.page_cnt .news_list li:nth-child(4),
	.page_cnt .news_list li:nth-child(4) {
		display: none;
	}
	.page_cnt .news_list li:nth-child(3),
	.page_cnt .news_list li:nth-child(3) {
		border: none;
	}
}

/* 景·年味十足板块结束*/

.foot{
	font-size:12px;
	text-align:center;
	line-height:2em;
	clear:both;
	margin-bottom: 10px;
}



/* 1000px 以下 */
@media screen and (max-width:1000px) {
	.Main .Message{
		margin: 0 5%;
	}
	.Main .Content .Headlines{
		margin: 5% 5%;
	}
	.Main .Content .Headlines .Headlines_News{
		width: 100%;
		float: left;
		margin-top:5%;
	}
	.Hotnews{
		margin: 5% 5%;
	}
	.Main .Content .Hotnews .Hotnews_L{
		width: 48%;
		margin-bottom: 5%;
		margin-left: 0;
	}
	.Content .Person{
		width: 100%;
		margin: 0 5%;
	}
	.Content .Person .Person_L{
		width: 100%;
	}
	.Content .Person .person_R .Pic img ,.picBox img ,.Content .Play img ,.Content .Play .Pic2 img{
		width: 100%;
	}
	.Content .Person .person_R {
		width: 85%;
		height: auto;
	}
	.wrapper ,.Play {
		margin: 0 5%;
	}
	.wrapper li{
		width: 150px;
		height: 150px;
	}
	.Edit ,.Content .Title_Map img {
		width: 100%;
		float: left;
	}
	.foot{
		width: 100%;
	}
	.Content .Play .Pic1{
		width: 100%;
		margin-bottom: 20px;
	}
	.Content .Play .Pic2{
		width: 100%;
		height: auto;
	}
	.Content .Play .Pic1 .Title ,.Content .Play .Pic2 .Title{
		width: 100%;
	}
	.container{
		width: 100% !important;
		margin: 0 5%;
	}
	.Edit{
		text-align: right;
	}
	.Main .Plate_Bg2 ,.Main .Plate_Bg3{
		width: 100%;
		min-width: 59%;
	}
	.Main .Content{
		margin-right: 0;
		width: 100%;
	}
	.Content .Title_Map .Text h3{
		font-size: 45px;
	}
	.Content .Title_Map .Text a{
		font-size: 40px;
		letter-spacing: 0;
	}
	.Content .Title_Map .Text {
		top: 80px;
	}
}

/* IPad 768px */ 
@media screen and (max-width:790px) {
	.Content .Title_Map .Text{
		left: 36%;
		top: 67px;
	}
	.Content .Title_Map .Text h3{
		font-size: 36px;
	}
	.Content .Title_Map .Text a{
		font-size: 32px;
		letter-spacing: 10px;
	}
	.Content .Person .Person_L li{
		width: 150px;
		margin: 5px 15px;
	}
	.Content .Person .Person_L{
		margin-left: -2%;
	}
	.Content .Play .Pic2 img{
		height: auto;
	}
	.wrapper li{
		width: 180px;
		height: 180px;
		margin: 10px 24px;
	}
}

@media screen and (max-width:771px) {
	.Content .Title_Map .Text a{
		letter-spacing: 2px;
	}
}

/* 414px */ 
@media screen and (max-width:414px){
	.Main .Message{
		padding: 20px;
	}
	.Main .Message .Text{
		font-size: 14px;
		line-height: 26px;
	}
	.Main .Content .Hotnews .Hotnews_L{
		width: 100%;
	}
	.Main .Content .Headlines .Headlines_News li h3 ,.Main .Content .Hotnews .Hotnews_L .Hotnews_L_Tit_L h3{
		font-size: 18px;
	}
	.Main .Content .Headlines .Headlines_News li p ,.Main .Content .Hotnews .Hotnews_L li a ,.Content .Person .person_R .Text p{
		font-size: 14px;
	}
	div.slideBox div.tips div.title a{
		font-size: 12px;
	}
	.Content .Person .person_R .Text a{
		font-size: 16px;
		font-weight: 600;
	}
	.Main .Content .Hotnews .Hotnews_L li a{
		color: #626262;
		line-height: 5px;
	}
	.Main .Content .Hotnews .Hotnews_L li{
		height: 28px;
		line-height: 28px;
	}
	.Content .Title_Map .Text h3{
		font-size: 22px;
	}
	.Content .Title_Map .Text a{
		font-size: 20px;
		letter-spacing:0;
	}
	.Content .Title_Map .Text{
		top: 18px;
	}
	.Content .Person .Person_L li{
		width: 110px;
		margin: 5px 3px;
	}
	.Content .Person .person_R{
		width: 80%;
	}
	.Content .Person .Person_L{
		margin-left: -1%;
	}
	.Content .Person .Person_L li{
		height: auto;
	}
	.Content .Person .Person_L ul li img{
		margin: 0;
		padding-top: 5px;
	}
	.Content .Person .Person_L .More a{
		margin: 5px auto;
	}
	.wrapper li{
		width: 100px;
		height: 100px;
		margin: 5px;
	}
	.show, .hide{
		width: 100px;
		height: 100px;
	}
	.hide h3{
		font-size: 12px;
		padding: 2px;
		line-height: 16px;
		font-weight: normal;
	}
	.picBox{
		transform-style: preserve-3d;
	}
	.picBox img{
		width: 100px;
		height: 100px;
		display: block;
	}
	.Content .Play .Pic1{
		height: 20%;
	}
	.Content .Play img{
		height: 20%;
	}
	.Content .Play .Pic2 .Title{
		bottom: 2px;
	}
}

@media screen and (max-width:375px) {
	.Content .Title_Map .Text{
		top:12px;
	}
}

@media screen and (max-width:320px) {
	.Content .Title_Map .Text h3 ,.Content .Title_Map .Text a{
		font-size: 16px;
	}
	.Content .Title_Map .Text {
		top: 6px;
	}
}


/* 新闻列表页*/
.clear{clear:both;height:0;overflow:hidden;}
#News_File{background: #FFFFFF; font-size: 12px; color: #444444;  font-family: PingFang;}
.Header{width: 100%; height: auto; border-top: 2px solid #e80013; border-bottom:1px solid #E6E6E6;}
.Header_Content{width: 1200px; margin: 0 auto;}
.Header_Logo{margin:18px 20px 20px 0; width: 164px; height: 55px; float: left;}
.Header_R{word-break: break-word; padding-top:20px;}
.Header_R a{margin-right: 16px; margin-bottom: 20px; display: inline-block;}

.News_Main{width: 1000px; margin: 0 auto;}
.Current_Location{margin-top: 30px; color: #777777; width: 100%; height: auto;}
.Theme{width: 100%; height: 0.9rem; border-top: 2px solid #ea071a; border-bottom: 2px solid #E6E6E6;}
.Theme .check-on{background-image: url(../img/icon-menu.png); width: 0.43rem; height: 0.43rem; float: left; margin:0.24rem 0 0.22rem 0.2rem; background-size: 0.88rem 0.44rem;}
.Theme .check-off{background-image: url(../img/icon-menu.png); background-position-x: -0.44rem; width: 0.43rem; height: 0.43rem; float: left; margin:0.24rem 0 0.22rem 0.2rem; background-size: 0.88rem 0.44rem;}
.Theme .Title{float: left; font-size: 0.35rem; margin-top: 0.2rem; margin-left: 1.18rem; font-weight: bolder;}
.Theme .Title a{display: inline-block;}
.Popup{width: 4.71rem; height: auto; position: absolute; top: 0.93rem; background: #FFFFFF; border: 1px solid #E6E6E6; font-size: 0.35rem; z-index: 999;}
.Popup li{text-align: center; padding: 0.3rem 0;}
.Popup ul{padding-bottom: 0.36rem;}
.Popup .Title{background: #FB4747; color: #FFFFFF;}
.News_Text{width: 100%; height: auto;}
.News_Column_L{margin-right: 10px; width: 120px; float: left; margin-top: 20px;}
.News_Column_L .Title{background: #fb4747; width: 120px; height: auto; color: #FFFFFF; font-size: 16px; text-align: center; padding: 15px 0;}
.Column_Name{text-align: center; font-size: 16px;}
.Column_Name li{margin: 15px 0 30px 0;}
.News_List_R{height: auto; margin-top: 20px;}
.News_List_R ul{width: 865px; float: left; border-bottom: 1px solid #EDEDED;}
.News_List_R li{border-top: 1px solid #EDEDED;float: left; padding: 17px 0; font-size: 16px; width: 865px;}
.News_List_R li a {display:inline-block; width:680px;  line-height: 1.2em;margin-left: 10px;}
.News_List_R li span{display:inline-block;float: right; font-size: 12px; color: #bbbbbb;}
.Footer{width: 100%; background: #54566a; height: auto; color: #CACAD9; margin-top: 100px; padding: 9px 0;}
.Footer_Content{margin: 0 auto; width: 1000px;}
.Footer_L{float: left; margin-right: 60px; margin-left: 100px;}
#mask {background: #000000; width: 100%; height: 96.9%; filter: alpha(Opacity=50); -moz-opacity: 0.5; opacity: 0.5; position: absolute; top: 0px; margin-top: 0.93rem;}

/* 1000px 以下*/
@media screen and (max-width:1000px) {
	.Header ,.Current_Location ,.News_Column_L{display: none;}
	.Theme{display:inline-block !important;}
	.News_List_R{margin: 0;}
	.News_List_R li{border-bottom: 1px solid #E6E6E6; border-top: none; padding: 0;}
	.News_List_R ,.News_List_R ul ,.News_List_R ul li{width: 100%;}
	.News_Main{width: 95%;}
	.News_List_R li span{float: none;}
	.News_List_R li a{margin:0.2rem 0 0.1rem 0; display: block; font-size: 0.35rem;}
	.News_List_R li span{font-size: 0.25rem; margin-bottom: 0.25rem;}
	.Footer{padding: 0.23rem 0;}
	.Footer_R{display: none;}
	.Footer_Content{width: 100%; text-align: center;}
	.Footer_L{margin: 0; float: none; color: #FFFFFF; font-size: 0.24rem;}
	.News_List_R ul{border-bottom: 0;}
}