@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#000;
	background:#f4f3f1;
}
html,body {
  height: 100%;
  width: 100%;
}
* {
  margin: 0;
  padding: 0;
}
@font-face{
	font-family:"fzj";
	src:
    url(fonts/fzj.woff2) format('woff2'),
    url(fonts/fzj.woff) format('woff'),
    url(fonts/fzj.ttf) format('truetype');
}
.flip-container {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.flip-container .page {
  /* 翻页背面的颜色 */
	background:#f4f3f1;
}

.flip-container .flip-item {
  height: 100%;
  width: 100%;
}
.flip-container .flip-item > .flip-item-content {
  height: 100%;
  width: 100%;
  overflow: auto;
}

@media only screen and (max-height: 938px) { body{ font-size: 15px !important; } }
@media only screen and (max-height: 875px) { body{ font-size: 14px !important; } }
@media only screen and (max-height: 813px) { body{ font-size: 13px !important; } }
@media only screen and (max-height: 750px) { body{ font-size: 12px !important; } }
@media only screen and (max-height: 688px) { body{ font-size: 11px !important; } }
@media only screen and (max-height: 625px) { body{ font-size: 10px !important; } }

a{
	color:#c00;
}

a:hover{
	text-decoration: none;
	color: #c00 !important;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	color: #dfdfdf !important;
}
.left{ float:left;}
.right{ float:right;}


img{
	display:block;
	max-height: 100%;
	max-width: 100%;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}

table{
	font-size: 1em;
}




.abs{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 1;
}

.abs0{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0;
}



.wrapper{
	width:100%;
	min-width:1200px;
	max-width:1920px;
	margin:0px auto;
	overflow: hidden;
	z-index:1;
	position:relative;
}


.page-box,.header{
	position: relative;
	width: 100%;
	height: 120vh;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}


.photo{
	position: relative;
	overflow: hidden;
}

.photo img{
	width: 100%;
	height: 100%;
	transition: transform 0.2s;
}

.photo:hover img{
	transform: scale(1.02,1.02);
}






.footer{
	background:url(images/footer-bg.gif) repeat-x top left #f4f3f1;
	padding:44px 0px 85px 0px;
}




.load{
	width:100%;
	height: 100vh;
	position: fixed;
	z-index: 1000;
	background:#f3f2f0;
	font-family:"fzj";
}
.load .pic{
	width: 43.6%;
    height: 26.29%;
    left: 28.33%;
    top: 4.43%;
    background-image: url(images/load-pic.png);
}
.load .news{
	width:100%;
	font-size:30px;
	line-height:60px;
	color:#464646;
	text-align:center;
	position:absolute;
	top:27.63%;
	left:0;
}
.phone-news{ display:none;}
.load .bar-box{
	height:15px;
	width:100%;
	position:relative;
	margin-top:2.5%;
}
.load .bar{
	width:294px;
	height:13px;
	border:1px solid #645f5f;
	border-radius:8px;
	position:absolute;
	left:50%;
	margin-left:-148px;
}
.load .bar span{
	display:block;
	height:13px;
	background:#b4ddd4;
	border-radius:8px;
}
.load .news .p2{ 
	font-size:18px;
	color:#7e7e7e;
	line-height:28px;
}
.load .enter{
	width: 7.76%;
    height: 5.36%;
    left: 46.12%;
    bottom: 17.1%;
    background-image: url(images/load-enter.png);
	cursor:pointer;
}







.head-screen{
	width:100%;
	height: 100vh;
	position: fixed;
	z-index: 999;
}



.page-box{
	z-index: 1000;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:100% 100%;
	position:absolute;
	top:0;
	left:0;
	opacity: 0;
}




.header{
	z-index: 1000;
	background: #fff;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:100% 100%;
}
#page1,#header1{background-image:url(images/header1-bg.gif);}
#page2,#header2{background-image:url(images/header2-bg.jpg);}
#page3,#header3{background-image:url(images/header3-bg.jpg);}
#page4,#header4{background-image:url(images/header4-bg.jpg);}
#page5,#header5{background-image:url(images/header5-bg.jpg);}
#page6,#header6{background-image:url(images/header6-bg.jpg);}
#page7,#header7{background-image:url(images/header7-bg.jpg);}
#page8,#header8{background-image:url(images/header8-bg.jpg);}
#page9,#header9{background-image:url(images/header9-bg.jpg);}



.tit1 {
	width: 12.76%;
    height: 5.88%;
    left: 17.12%;
    top: 42.01%;
    background-image: url(images/tit1.png);
}
.tit2 {
	width: 12.76%;
    height: 6.4%;
    left: 74.94%;
    top: 58.56%;
    background-image: url(images/tit2.png);
}
.tit3 {
	width: 10.1%;
    height: 6.29%;
    left: 72.42%;
    top: 36.71%;
    background-image: url(images/tit3.png);
}
.tit4 {
	width: 12.81%;
    height: 6.19%;
    left: 21.64%;
    top: 31.65%;
    background-image: url(images/tit4.png);
}
.tit5 {
	width: 12.7%;
    height: 5.77%;
    left: 2.85%;
    top: 56.9%;
    background-image: url(images/tit5.png);
}
.tit6 {
	width: 12.97%;
    height: 6.08%;
    left: 16.98%;
    top: 30.82%;
    background-image: url(images/tit6.png);
}
.tit7 {
	width: 15.78%;
    height: 6.19%;
    left: 79.45%;
    top: 58.82%;
    background-image: url(images/tit7.png);
}
.tit8 {
	width: 6.83%;
    height: 5.88%;
    left: 47.42%;
    top: 16.39%;
    background-image: url(images/tit8.png);
}
.tit9 {
	width: 13.18%;
    height: 5.88%;
    left: 19.96%;
    top: 37.73%;
    background-image: url(images/tit9.png);
}




.skip{
	width: 7.86%;
    height: 5.57%;
	right:6%;
	bottom:6%;
	z-index:1000;
    background-image: url(images/skip.png);
	cursor:pointer;
}
@-ms-keyframes skip {
  from {
    opacity: 0;
  }
  80%{
	 opacity: 0;
  }
  86%{
	 opacity: 1;
  }
  to {
  }
}
@-moz-keyframes skip {
  from {
    opacity: 0;
  }
  80%{
	 opacity: 0;
  }
  86%{
	 opacity: 1;
  }
  to {
  }
}
@-o-keyframes skip {
  from {
    opacity: 0;
  }
  80%{
	 opacity: 0;
  }
  86%{
	 opacity: 1;
  }
  to {
  }
}
@-webkit-keyframes skip {
  from {
    opacity: 0;
  }
  80%{
	 opacity: 0;
  }
  86%{
	 opacity: 1;
  }
  to {
  }
}
@keyframes skip {
  from {
    opacity: 0;
  }
  80%{
	 opacity: 0;
  }
  86%{
	 opacity: 1;
  }
  to {
  }
}
.skip{
  animation:'skip' 5s ease 0s;
  -ms-animation:skip 5s ease 0s;
  -moz-animation:skip 5s ease 0s;
  -o-animation:'skip' 5s ease 0s;
  -webkit-animation:'skip' 5s ease 0s;
}





@-ms-keyframes page1 {
  from {
    opacity: 1;
  }
  5.55%{
	 opacity: 1;
  }
  11.1%{
	 opacity: 0;
  }
  to {
  }
}
@-moz-keyframes page1 {
  from {
    opacity: 1;
  }
  5.55%{
	 opacity: 1;
  }
  11.1%{
	 opacity: 0;
  }
  to {
  }
}
@-o-keyframes page1 {
  from {
    opacity: 1;
  }
  5.55%{
	 opacity: 1;
  }
  11.1%{
	 opacity: 0;
  }
  to {
  }
}
@-webkit-keyframes page1 {
  from {
    opacity: 1;
  }
  5.55%{
	 opacity: 1;
  }
  11.1%{
	 opacity: 0;
  }
  to {
  }
}
@keyframes page1 {
  from {
    opacity: 1;
  }
  5.55%{
	 opacity: 1;
  }
  11.1%{
	 opacity: 0;
  }
  to {
  }
}
#page1{
  animation:'page1' 22s ease 0s;
  -ms-animation:page1 22s ease 0s;
  -moz-animation:page1 22s ease 0s;
  -o-animation:'page1' 22s ease 0s;
  -webkit-animation:'page1' 22s ease 0s;
}

@-ms-keyframes page2 {
  from {
    opacity: 1;
  }
  16.65%{
	 opacity: 1;
  }
  22.2%{
	 opacity: 0;
  }
  to {
  }
}
@-moz-keyframes page2 {
  from {
    opacity: 1;
  }
  16.65%{
	 opacity: 1;
  }
  22.2%{
	 opacity: 0;
  }
  to {
  }
}
@-o-keyframes page2 {
  from {
    opacity: 1;
  }
  16.65%{
	 opacity: 1;
  }
  22.2%{
	 opacity: 0;
  }
  to {
  }
}
@-webkit-keyframes page2 {
  from {
    opacity: 1;
  }
  16.65%{
	 opacity: 1;
  }
  22.2%{
	 opacity: 0;
  }
  to {
  }
}
@keyframes page2 {
  from {
    opacity: 1;
  }
  16.65%{
	 opacity: 1;
  }
  22.2%{
	 opacity: 0;
  }
  to {
  }
}
#page2{
  animation:'page2' 22s ease 0s;
  -ms-animation:page2 22s ease 0s;
  -moz-animation:page2 22s ease 0s;
  -o-animation:'page2' 22s ease 0s;
  -webkit-animation:'page2' 22s ease 0s;
}



@-ms-keyframes page3{
  from {
    opacity: 1;
  }
  27.7%{
	 opacity: 1;
  }
  33.25%{
	 opacity: 0;
  }
  to {
  }
}
@-moz-keyframes page3{
  from {
    opacity: 1;
  }
  27.7%{
	 opacity: 1;
  }
  33.25%{
	 opacity: 0;
  }
  to {
  }
}
@-o-keyframes page3{
  from {
    opacity: 1;
  }
  27.7%{
	 opacity: 1;
  }
  33.25%{
	 opacity: 0;
  }
  to {
  }
}
@-webkit-keyframes page3{
  from {
    opacity: 1;
  }
  27.7%{
	 opacity: 1;
  }
  33.25%{
	 opacity: 0;
  }
  to {
  }
}
@keyframes page3{
  from {
    opacity: 1;
  }
  27.7%{
	 opacity: 1;
  }
  33.25%{
	 opacity: 0;
  }
  to {
  }
}
#page3{
  animation:'page3' 22s ease 0s;
  -ms-animation:page3 22s ease 0s;
  -moz-animation:page3 22s ease 0s;
  -o-animation:'page3' 22s ease 0s;
  -webkit-animation:'page3' 22s ease 0s;
}

@-ms-keyframes page4{
  from {
    opacity: 1;
  }
  38.8%{
	 opacity: 1;
  }
  44.35%{
	 opacity: 0;
  }
  to {
  }
}
@-moz-keyframes page4{
  from {
    opacity: 1;
  }
  38.8%{
	 opacity: 1;
  }
  44.35%{
	 opacity: 0;
  }
  to {
  }
}
@-o-keyframes page4{
  from {
    opacity: 1;
  }
  38.8%{
	 opacity: 1;
  }
  44.35%{
	 opacity: 0;
  }
  to {
  }
}
@-webkit-keyframes page4{
  from {
    opacity: 1;
  }
  38.8%{
	 opacity: 1;
  }
  44.35%{
	 opacity: 0;
  }
  to {
  }
}
@keyframes page4{
  from {
    opacity: 1;
  }
  38.8%{
	 opacity: 1;
  }
  44.35%{
	 opacity: 0;
  }
  to {
  }
}
#page4{
  animation:'page4' 22s ease 0s;
  -ms-animation:page4 22s ease 0s;
  -moz-animation:page4 22s ease 0s;
  -o-animation:'page4' 22s ease 0s;
  -webkit-animation:'page4' 22s ease 0s;
}


@-ms-keyframes page5{
  from {
    opacity: 1;
  }
  49.9%{
	 opacity: 1;
  }
  55.45%{
	 opacity: 0;
  }
  to {
  }
}
@-moz-keyframes page5{
  from {
    opacity: 1;
  }
  49.9%{
	 opacity: 1;
  }
  55.45%{
	 opacity: 0;
  }
  to {
  }
}
@-o-keyframes page5{
  from {
    opacity: 1;
  }
  49.9%{
	 opacity: 1;
  }
  55.45%{
	 opacity: 0;
  }
  to {
  }
}
@-webkit-keyframes page5{
  from {
    opacity: 1;
  }
  49.9%{
	 opacity: 1;
  }
  55.45%{
	 opacity: 0;
  }
  to {
  }
}
@keyframes page5{
  from {
    opacity: 1;
  }
  49.9%{
	 opacity: 1;
  }
  55.45%{
	 opacity: 0;
  }
  to {
  }
}
#page5{
  animation:'page5' 22s ease 0s;
  -ms-animation:page5 22s ease 0s;
  -moz-animation:page5 22s ease 0s;
  -o-animation:'page5' 22s ease 0s;
  -webkit-animation:'page5' 22s ease 0s;
}


@-ms-keyframes page6{
  from {
    opacity: 1;
  }
  61%{
	 opacity: 1;
  }
  66.55%{
	 opacity: 0;
  }
  to {
  }
}
@-moz-keyframes page6{
  from {
    opacity: 1;
  }
  61%{
	 opacity: 1;
  }
  66.55%{
	 opacity: 0;
  }
  to {
  }
}
@-o-keyframes page6{
  from {
    opacity: 1;
  }
  61%{
	 opacity: 1;
  }
  66.55%{
	 opacity: 0;
  }
  to {
  }
}
@-webkit-keyframes page6{
  from {
    opacity: 1;
  }
  61%{
	 opacity: 1;
  }
  66.55%{
	 opacity: 0;
  }
  to {
  }
}
@keyframes page6{
  from {
    opacity: 1;
  }
  61%{
	 opacity: 1;
  }
  66.55%{
	 opacity: 0;
  }
  to {
  }
}
#page6{
  animation:'page6' 22s ease 0s;
  -ms-animation:page6 22s ease 0s;
  -moz-animation:page6 22s ease 0s;
  -o-animation:'page6' 22s ease 0s;
  -webkit-animation:'page6' 22s ease 0s;
}

@-ms-keyframes page7{
  from {
    opacity: 1;
  }
  72.1%{
	 opacity: 1;
  }
  77.65%{
	 opacity: 0;
  }
  to {
  }
}
@-moz-keyframes page7{
  from {
    opacity: 1;
  }
  72.1%{
	 opacity: 1;
  }
  77.65%{
	 opacity: 0;
  }
  to {
  }
}
@-o-keyframes page7{
  from {
    opacity: 1;
  }
  72.1%{
	 opacity: 1;
  }
  77.65%{
	 opacity: 0;
  }
  to {
  }
}
@-webkit-keyframes page7{
  from {
    opacity: 1;
  }
  72.1%{
	 opacity: 1;
  }
  77.65%{
	 opacity: 0;
  }
  to {
  }
}
@keyframes page7{
  from {
    opacity: 1;
  }
  72.1%{
	 opacity: 1;
  }
  77.65%{
	 opacity: 0;
  }
  to {
  }
}
#page7{
  animation:'page7' 22s ease 0s;
  -ms-animation:page7 22s ease 0s;
  -moz-animation:page7 22s ease 0s;
  -o-animation:'page7' 22s ease 0s;
  -webkit-animation:'page7' 22s ease 0s;
}

@-ms-keyframes page8{
  from {
    opacity: 1;
  }
  83.2%{
	 opacity: 1;
  }
  88.75%{
	 opacity: 0;
  }
  to {
  }
}
@-moz-keyframes page8{
  from {
    opacity: 1;
  }
  83.2%{
	 opacity: 1;
  }
  88.75%{
	 opacity: 0;
  }
  to {
  }
}
@-o-keyframes page8{
  from {
    opacity: 1;
  }
  83.2%{
	 opacity: 1;
  }
  88.75%{
	 opacity: 0;
  }
  to {
  }
}
@-webkit-keyframes page8{
  from {
    opacity: 1;
  }
  83.2%{
	 opacity: 1;
  }
  88.75%{
	 opacity: 0;
  }
  to {
  }
}
@keyframes page8{
  from {
    opacity: 1;
  }
  83.2%{
	 opacity: 1;
  }
  88.75%{
	 opacity: 0;
  }
  to {
  }
}
#page8{
  animation:'page8' 22s ease 0s;
  -ms-animation:page8 22s ease 0s;
  -moz-animation:page8 22s ease 0s;
  -o-animation:'page8' 22s ease 0s;
  -webkit-animation:'page8' 22s ease 0s;
}

@-ms-keyframes page9{
  from {
    opacity: 1;
  }
  94.3%{
	 opacity: 1;
  }
  to {
  }
}
@-moz-keyframes page9{
  from {
    opacity: 1;
  }
  94.3%{
	 opacity: 1;
  }
  to {
  }
}
@-o-keyframes page9{
  from {
    opacity: 1;
  }
  94.3%{
	 opacity: 1;
  }
  to {
  }
}
@-webkit-keyframes page9{
  from {
    opacity: 1;
  }
  94.3%{
	 opacity: 1;
  }
  to {
  }
}
@keyframes page9{
  from {
    opacity: 1;
  }
  94.3%{
	 opacity: 1;
  }
  to {
  }
}
#page9{
  animation:'page9' 22s ease 0s;
  -ms-animation:page9 22s ease 0s;
  -moz-animation:page9 22s ease 0s;
  -o-animation:'page9' 22s ease 0s;
  -webkit-animation:'page9' 22s ease 0s;
  opacity: 1;
}








.sid-nav{
	width:73px;
	position: fixed;
    top: 50%;
    left: 4.52%;
    transform: translateY(-50%);
    z-index: 999;
}
.sid-nav li{
	width:73px;
	height:77px;
	cursor:pointer;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
.sid-nav .li0{ background-image:url(images/li0.png);}
.sid-nav .li1{ background-image:url(images/li1.png);}
.sid-nav .li2{background-image:url(images/li2.png);}
.sid-nav .li3{background-image:url(images/li3.png);}
.sid-nav .li4{background-image:url(images/li4.png);}
.sid-nav .li5{background-image:url(images/li5.png);}
.sid-nav .li6{background-image:url(images/li6.png);}
.sid-nav .li7{background-image:url(images/li7.png);}
.sid-nav .li8{background-image:url(images/li8.png);}
.sid-nav .li9{background-image:url(images/li9.png);}
.sid-nav .li0.current{background-image:url(images/li0-1.png);}
.sid-nav .li1.current{background-image:url(images/li1-1.png);}
.sid-nav .li2.current{background-image:url(images/li2-1.png);}
.sid-nav .li3.current{background-image:url(images/li3-1.png);}
.sid-nav .li4.current{background-image:url(images/li4-1.png);}
.sid-nav .li5.current{background-image:url(images/li5-1.png);}
.sid-nav .li6.current{background-image:url(images/li6-1.png);}
.sid-nav .li7.current{background-image:url(images/li7-1.png);}
.sid-nav .li8.current{background-image:url(images/li8-1.png);}
.sid-nav .li9.current{background-image:url(images/li9-1.png);}
.sid-nav .li10{
	background-image:url(images/more.png);
	width: 55px;
    height: 22px;
    margin-left: 9px;
}
.phone-more{ display:none;}
.sid-nav i{
	width:1px;
	height:12px;
	background:#cfcfcf;
	display:block;
	margin:1px 0px 0px 36px;
}
.sid-nav li:hover{
	transform: scale(1.02,1.02);
	transition: transform 0.2s;
}



#xhck{
	width:4.14%;
	position:absolute;
	cursor:pointer;
	bottom:5%;
	left:47.93%;
	z-index:1;
}




.topic0 {
	width: 51.04%;
    height: 36.39%;
    left: 24.48%;
    top: 31.8%;
    background-image: url(images/topic0.png);
	z-index:1000;
}
.topic1 {
	width: 35.83%;
    height: 12.78%;
    left: 32.08%;
    top: 36.08%;
    background-image: url(images/topic1.png);
}
.topic2 {
	width: 35.89%;
    height: 14.23%;
    left: 32.92%;
    top: 35.67%;
    background-image: url(images/topic2.png);
}
.topic3 {
	width: 27.24%;
    height: 12.37%;
    left: 36.3%;
    top: 36.39%;
    background-image: url(images/topic3.png);
}

.topic4 {
	width: 35.83%;
    height: 14.33%;
    left: 36.14%;
    top: 32.47%;
    background-image: url(images/topic4.png);
}
.topic5 {
	width: 35.68%;
    height: 12.37%;
    left: 33.125%;
    top: 37.32%;
    background-image: url(images/topic5.png);
}
.topic6 {
	width: 36.56%;
    height: 13.2%;
    left: 35.42%;
    top: 32.58%;
    background-image: url(images/topic6.png);
}
.topic7 {
	width: 45.16%;
    height: 13.92%;
    left: 31.4%;
    top: 32.89%;
    background-image: url(images/topic7.png);
}
.topic8 {
	width: 17.76%;
    height: 12.27%;
    left: 40.94%;
    top: 39.79%;
    background-image: url(images/topic8.png);
}
.topic9 {
	width: 36.04%;
    height: 12.37%;
    left: 33.54%;
    top: 33.4%;
    background-image: url(images/topic9.png);
}




.subtit1 {
	width: 34.69%;
    height: 6.39%;
    left: 32.4%;
    top: 55.67%;
    background-image: url(images/subtit1.png);
}
.subtit2 {
	width: 39.17%;
    height: 6.5%;
    left: 30.52%;
    top: 52.27%;
    background-image: url(images/subtit2.png);
}
.subtit3 {
	width: 29.79%;
    height: 6.39%;
    left: 34.375%;
    top: 51.56%;
    background-image: url(images/subtit3.png);
}
.subtit4 {
	width: 34.48%;
    height: 6.19%;
    left: 36.875%;
    top: 51.03%;
    background-image: url(images/subtit4.png);
}
.subtit5 {
	width: 28.18%;
    height: 6.39%;
    left: 35.78%;
    top: 53%;
    background-image: url(images/subtit5.png);
}
.subtit6 {
	width: 46.77%;
    height: 6.18%;
    left: 29.53%;
    top: 50.62%;
    background-image: url(images/subtit6.png);
}
.subtit7 {
	width: 32.92%;
    height: 6.39%;
    left: 37.19%;
    top: 49.18%;
    background-image: url(images/subtit7.png);
}
.subtit8 {
	width: 31.46%;
    height: 6.39%;
    left: 34.27%;
    top: 55.46%;
    background-image: url(images/subtit8.png);
}
.subtit9 {
	width: 37.4%;
    height: 6.39%;
    left: 32.6%;
    top: 50.21%;
    background-image: url(images/subtit9.png);
}






.tip {
   	width: 4.43%;
    height: 10.72%;
}
#page1 .tip{
    left: 21.15%;
    top: 48.25%;
	background-image: url(images/tip1.png);
}
#page2 .tip {
    left: 80%;
    top: 64.85%;
	background-image: url(images/tip2.png);
}
#page3 .tip {
    left: 75.21%;
    top: 22.68%;
	background-image: url(images/tip1.png);
}
#page4 .tip {
    left: 26.09%;
    top: 37.21%;
	background-image: url(images/tip4.png);
}
#page5 .tip {
    left: 15.26%;
    top: 54.33%;
	background-image: url(images/tip1.png);
}
#page6 .tip {
    left: 20.78%;
    top: 39.18%;
	background-image: url(images/tip6.png);
}
#page7 .tip {
    left: 74.48%;
    top: 57.32%;
	background-image: url(images/tip4.png);
}
#page8 .tip {
    left: 41.46%;
    top: 14.54%;
	background-image: url(images/tip1.png);
}
#page9 .tip {
    left: 23.23%;
    top: 45.05%;
	background-image: url(images/tip4.png);
}


@-ms-keyframes mouse-in{
    from{
        background-position-y: 0;
    }
    to{
        background-position-y: -3000%;
    }
}

@-moz-keyframes mouse-in{
    from{
        background-position-y: 0;
    }
    to{
        background-position-y: -3000%;
    }
}

@-o-keyframes mouse-in{
    from{
        background-position-y: 0;
    }
    to{
        background-position-y: -3000%;
    }
}

@-webkit-keyframes mouse-in{
    from{
        background-position-y: 0;
    }
    to{
        background-position-y: -3000%;
    }
}
@keyframes mouse-in{
    from{
        background-position-y: 0;
    }
    to{
        background-position-y: -3000%;
    }
}


.header .tip{
	position:absolute;
	width:7.08%;
	height:15.26%;
	background-size: 100% 3000% !important;
    background-position-y: 0;/*初始状态时背景图片在垂直方向上的位置*/
    animation: mouse-in 3s;
    animation-timing-function: steps(30);/*从from到50%过渡时，采用四十二段式阶跃函数，steps制定阶跃次数*/
    animation-iteration-count: infinite;/*动画的播放次数为1次*/
	animation-fill-mode: forwards;/*物体动画地从一个地方移动到另一个地方，并让它停留在那里*/
}
#header1 .tip{
    left: 19.58%;
    top: 46.08%;
	background-image: url(images/tip1-1.png);
}
#header2 .tip{
    left: 78.54%;
    top: 62.68%;
	background-image: url(images/tip2-1.png);
}
#header3 .tip{
    left: 73.75%;
    top: 20.52%;
	background-image: url(images/tip1-1.png);
}
#header4 .tip{
    left: 24.53%;
    top: 34.95%;
	background-image: url(images/tip4-1.png);
}
#header5 .tip{
    left: 13.84%;
    top: 52.4%;
	background-image: url(images/tip1-1.png);
}
#header6 .tip{
    left: 19.17%;
    top: 36.9%;
	background-image: url(images/tip6-1.png);
}
#header7 .tip{
    left: 73.07%;
    top: 55.5%;
	background-image: url(images/tip4-1.png);
}
#header8 .tip{
    left: 39.43%;
    top: 12.06%;
	background-image: url(images/tip1-1.png);
}
#header9 .tip{
    left: 21.56%;
    top: 42.89%;
	background-image: url(images/tip4-1.png);
}







.news {
    width: 1200px;
    margin: 0px auto;
    padding: 58px 0px 40px 0px;
}
#layout6 .news { padding-top:58px;}


.biao,.zi,.footer{
	text-align:center;
}
.biao img,.zi img,.footer img{
	display:inline-block;
}
#layout1 .biao{ margin-bottom:37px;}
#layout2 .biao{ margin-bottom:13px;}
#layout3 .biao{ margin-bottom:24px;}
#layout4 .biao{ margin-bottom:25px;}
#layout5 .biao{ margin-bottom:0px;}
#layout6 .biao{ margin-bottom:9px;}
#layout7 .biao{ margin-bottom:20px;}
#layout8 .biao{ margin-bottom:33px;}
#layout9 .biao{ margin-bottom:12px;}



.zi p{
	font-family:"fzj";
	font-size:28px;
	color:#3f3f3f;
	line-height:60px;
	text-align:center;
}
.zi-biao{
	line-height:45px;
	height:45px;
}
.zi-biao i{
	font-weight:bold;
	display:inline-block;
	font-family:"fzj";
	font-size:28px;
	color:#3f3f3f;
}
.zi-biao img:first-child{ vertical-align:top; margin:0px 6px 0px 0px!important;}
.zi-biao img:last-child{ vertical-align:bottom; margin:0px 0px 0px 12px !important;}
.block3-6 .right .p1{ margin:11px 28px 0px 12px; text-align:left !important; overflow:hidden;}
.block3-6 .right .p1 i{ float:left; margin:5px 15px 20px 15px !important;}
.block6-4 .zi-biao img:first-child{ margin:0 -9px 0 0 !important;}
.block6-4 .zi-biao img:last-child{ margin:0 !important;}
.block7-2 .p1{ margin-top:-30px;}


.block1-1 .zi p,.block3-1 .zi p,.block4-1 .zi p,.block5-1 .zi p,.block6-1 .zi p,.block8-1 .zi p,.block8-1 .zi p,.block9-1 .zi p{ line-height:50px;}
.block6-4 .zi img{ margin:9px 0px 10px 0px;}


.news .p1{
	font-size:16px;
	color:#343434;
	text-align:center;
	margin-top:11px;
}
.block2-3 .p1{text-align:left;}
.block2-3 .p1,.block2-4 .p1{
	margin-left:18px;
}
.news .p1 i{
	width:20px;
	height:11px;
	display:inline-block;
	background:url(images/p1.png) no-repeat;
	margin:0px 15px;
	line-height:21px;
}
.block4-7 .left .p1{ margin-bottom:17px;}
.block4-7 .left .p1 i{margin:0px 14px 0px 0px !important;}
.block5-1 .p1{ margin-top:20px;}





.news .pic{
	margin:45px 0px 50px 0px;
	width:1200px;
	height:640px;
	position:relative;
}
#layout5 .news .pic{ margin:16px 0px 9px 0px;}
.block7-2 .pic,.block9-1 .pic{margin-bottom: 22px;}


.news .pic1{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
@-ms-keyframes pic1 {
  from {
    opacity: 1;
  }
  25%{
	 opacity: 1;
  }
  50%{
	 opacity: 0;
  }
  75%{
	 opacity: 0;
  }
  to {
	 opacity: 1;
  }
}
@-moz-keyframes pic1 {
  from {
    opacity: 1;
  }
  25%{
	 opacity: 1;
  }
  50%{
	 opacity: 0;
  }
  75%{
	 opacity: 0;
  }
  to {
	 opacity: 1;
  }
}
@-o-keyframes pic1 {
  from {
    opacity: 1;
  }
  25%{
	 opacity: 1;
  }
  50%{
	 opacity: 0;
  }
  75%{
	 opacity: 0;
  }
  to {
	 opacity: 1;
  }
}
@-webkit-keyframes pic1 {
  from {
    opacity: 1;
  }
  25%{
	 opacity: 1;
  }
  50%{
	 opacity: 0;
  }
  75%{
	 opacity: 0;
  }
  to {
	 opacity: 1;
  }
}
@keyframes pic1 {
  from {
    opacity: 1;
  }
  25%{
	 opacity: 1;
  }
  50%{
	 opacity: 0;
  }
  75%{
	 opacity: 0;
  }
  to {
	 opacity: 1;
  }
}

.news .pic1{
  animation:'pic1' 10s ease 0s infinite alternate;
  -ms-animation:pic1 10s ease 0s infinite alternate;
  -moz-animation:pic1 10s ease 0s infinite alternate;
  -o-animation:'pic1' 10s ease 0s infinite alternate;
  -webkit-animation:'pic1' 10s ease 0s infinite alternate;
}


@-ms-keyframes pic2 {
  from {
    opacity: 0;
  }
  50%{
	  opacity: 0;
  }
  75%{
	  opacity: 1;
  }
  to {
	  opacity: 1;
  }
}
@-moz-keyframes pic2 {
  from {
    opacity: 0;
  }
  50%{
	  opacity: 0;
  }
  75%{
	  opacity: 1;
  }
  to {
	  opacity: 1;
  }
}
@-o-keyframes pic2 {
  from {
    opacity: 0;
  }
  50%{
	  opacity: 0;
  }
  75%{
	  opacity: 1;
  }
  to {
	  opacity: 1;
  }
}
@-webkit-keyframes pic2 {
  from {
    opacity: 0;
  }
  50%{
	  opacity: 0;
  }
  75%{
	  opacity: 1;
  }
  to {
	  opacity: 1;
  }
}
@keyframes pic2 {
  from {
    opacity: 0;
  }
  50%{
	  opacity: 0;
  }
  75%{
	  opacity: 1;
  }
  to {
	  opacity: 1;
  }
}
.news .pic2{
  animation:'pic2' 10s ease 0s infinite alternate;
  -ms-animation:pic2 10s ease 0s infinite alternate;
  -moz-animation:pic2 10s ease 0s infinite alternate;
  -o-animation:'pic2' 10s ease 0s infinite alternate;
  -webkit-animation:'pic2' 10s ease 0s infinite alternate alternate;
}










.video1{
	width:1200px;
	height:710px;
	margin:42px 0px 41px 0px;
}
.video1 video{
	width:100%;
	height:100%;
}




.pic-list{
	width:1200px;
	overflow:hidden;
	margin:44px 0px;
}
.pic-list li{
	height:389px;
	float:left;
	margin-right:9px;
	display:inline;
}
.block9-2 .pic-list{ margin:64px 0px 18px 0px;}





.block1-7,.block4-8,.block6-3,.block5-7{ position:relative;}
.block7-3{ padding-top:50px;}


.block1-3,.block1-6,.block1-9,.block2-3,.block2-5,.block2-8,.block2-9,.block3-3,.block3-5,.block3-8,.block3-9,.block4-2,.block4-10,.block5-3,.block5-5,.block5-6,.block6-10,.block7-3,.block7-7,.block7-8,.block7-11,.block8-3,.block8-4,.block8-5,.block8-7,.block9-3,.block9-5{ position:relative;}


.hang1-1{
	width: 54.3%;
    left: -16.92%;
    top: 2%;
}
.hang1-2{
	width: 30.83%;
    right: -20%;
	bottom:0;
	z-index:-1;
}
.hang1-3{
	width:74.5%;
	left: -30.83%;
	bottom:-18%;
	z-index:-1;
}
.hang1-4{
	width:51.33%;
	left: -26%;
	bottom:-10%;
}
.hang2-1{
	width: 28.41%;
    right: -22.96%;
    top: -24%;
}
.hang2-2{
	width: 26.25%;
    left: -7%;
    bottom: -4%;
	z-index:-1;
}
.hang2-3{
	width: 30.75%;
    right: -4%;
	bottom: -20%;
}
.hang2-4{
	width: 27.25%;
    left: -18%;
    top: -5%;
}
.hang3-1{
	width: 24.2%;
    right: 2%;
	bottom: -15%;
}
.hang3-2{
	width: 30%;
    right: -6%;
	bottom:-8%;
}
.hang3-3{
	width: 24.2%;
    left: -10%;
	bottom:-40%;
}
.hang3-4{
	width: 25.2%;
    right: -2%;
	bottom:-6%;
    z-index: -1;
}

.hang4-1{
	width: 29.25%;
    left: -6%;
	bottom:-10%;
	z-index:-1;
}
.hang4-2{
	width:54.08%;
	left: -29.92%;
    top: 141px;
	z-index:-1;
}
.hang4-3{
	width: 36.08%;
    left: -17%;
	bottom:-18%;
}

.hang5-1{
	width: 31.92%;
    right: -8%;
	bottom:-6%;
}
.hang5-2{
	width: 50.08%;
    left: -17%;
    top: -1.2%;
}
.hang5-3{
	width: 32%;
    right: -5%;
	bottom:-10%;
    z-index: -1;
}
.hang5-4{
	width: 34.42%;
    left: -14.25%;
    top: -2%;
	z-index:-1;
}
.hang6-1{
    width: 37.83%;
    left: -16%;
    bottom: -20%;
    z-index: -1;
}
.hang6-2{
    width: 40.33%;
    left: -17%;
    top: -16.2%;
}

.hang7-1{
	width: 32.17%;
    left: -10%;
	bottom:-15%;
}
.hang7-2{
	width: 36.17%;
    right: -20%;
    bottom:-2%;
}
.hang7-3{
	width: 29.42%;
    left: -16%;
	bottom:-10%;
}
.hang7-4{
	width: 26.42%;
    left: -12%;
    bottom:-10%;
}
.hang8-1{
	width: 33.17%;
    right: -13%;
	bottom:-34%;
}
.hang8-2{
	width: 48.16%;
    left: -17%;
    bottom:-20%;
	z-index:-1;
}
.hang8-3{
	width: 36.83%;
    left: -16%;
    bottom:-10%;
    z-index: -1;
}
.hang8-4{
    bottom:-44%;
    z-index: -1;
	width: 32.83%;
    right: -29%;
}
.hang9-2{
	z-index: -1;
    width: 27.25%;
    right: -23%;
	bottom:-34%;
}
.hang9-3{
	z-index: -1;
    width: 28.85%;
    left: -10%;
    bottom:-10%;
}







.tu-list1{
	width:1200px;
	overflow:hidden;
	margin:40px 0px 42px 0px;
}
.tu-list1 .photo{margin-bottom:9px;}
.block1-1 .tu-list1{ margin-bottom:20px;}
.block1-3 .photo,.block3-3 .photo,.block1-8 .photo{
	width:594px;height:395px;
	margin:0px 0px 17px 303px;
}
.block2-6 .photo img{ height:395px;}
.block2-6 .left,.block2-6 .right{ width:594px;}
.block6-4 .tu-list1 .photo,.block6-6 .tu-list1 .left img{margin-bottom:10px;}
.block6-5 .tu-list1 .photo{margin-bottom:12px;}
.block4-7 .tu-list1 .photo{margin-bottom:11px;}
.block4-4 .photo1,.block4-4 .photo2{ height:394px;}
.block4-4 .photo3,.block4-4 .photo4{ height:338px;}
.block4-7 .photo{ height:354px;}
.block2-3 .left,.block2-3 .right,.block2-4 .left,.block2-4 .right,.block4-7 .left,.block4-7 .right{ width:593px;}
.block2-3 .photo,.block2-4 .photo{ height:394px;}
.block3-6 .left,.block3-6 .right,.block3-8 .left,.block3-8 .right { width: 594px;}
.block3-6 .photo,.block3-7 .photo{ height:406px;}
.block3-7 .photo{
	 width:714px; height:476px;
	 margin:0px 0px 19px 246px;
}
.block6-4 .photo{ height:316px;}
.block6-5 .photo{ height:367px;}
.block6-6 .left .photo{ height:239px;}
.block6-6 .right.photo{ height:487px;}
.block6-9 .left.photo{ height:827px;}
.block6-9 .right .photo{ height:409px;}
.block7-1 .photo,.block7-4 .photo{
	width:823px;height:411px;
	margin:0px 0px 10px 176px;
}
.block7-6 .photo{width:593px;height:396px;}
#layout8 .block8-2 .photo,#layout8 .block8-6 .photo{
	width:860px;height:572px;
	margin:0px 0px 23px 174px;
}
.block9-2 .tu-list1{ margin:64px 0px 0px 0px;}
.block9-2 .tu-list1 ul{ margin-left:-7px;}
.block9-2 .photo{
	width:395px; height:263px;
	display:inline;float:left;
	margin-left:7px;
}
.block9-4 .left{ width:659px; height:994px;}
.block9-4 .right .photo{ width:529px; height:325px; margin-bottom:10px;}
.block9-5 .left{ width:286px; margin-right:5px;}
.block9-5 .right{ width:618px; height:327px;}
.block9-5 .left .photo{ height:161px; margin-bottom:5px;}
.block9-6 .left{ width:592px; height:406px;}
.block9-6 .middle{ float:left; margin:0px 5px;}
.block9-6 .right,.block9-6 .middle{ width:299px;}
.block9-6 .right .photo,.block9-6 .middle .photo{ height:200px; margin-bottom:6px;}







.audio{
	width:995px;
	height:125px;
	background:url(images/audio.gif) no-repeat 128px 18px #d0d9d2;
	border:1px solid #a2a2a2;
	border-radius:29px;
	margin:40px 0px 40px 105px;
}
.audio .time-bar{
	width:590px;
	position:relative;
	margin:42px 0px 0px 260px;
}
.audio .yuan{
	width:28px;
	height:28px;
	position:absolute;
	top:-10px;
	background:#4ac6ae;
	border-radius:14px;
}
.audio .time-xian{
	width:100%;
	height:8px;
	background:#fff;
	border-radius:4px;
}
.audio .time-xian i{
	display:block;
	height:100%;
	background:#4ac6ae;
	border-radius:10px 0px 0px 10px;
}
.audio span{
	width:22px;
	height:28px;
	display:block;
	cursor:pointer;
	margin:28px 0px 0px 530px;
}
.audio span.play{
    background: url(images/play.gif) no-repeat;
    background-size: 100% 100%;
}
.audio span.pause{
    background: url(images/pause.gif) no-repeat;
    background-size: 100% 100%;
}



.anniu{
	width:240px;
	height:59px;
	cursor:pointer;
	margin:82px 0px 0px 960px;
	position:relative;
	background-position:left bottom;
	background-repeat:no-repeat;
}
#sjx.anniu{background-image:url(images/sjx.png);background-size:100% 100%;}
#lhxc.anniu{background-image:url(images/lhxc.png);background-size:100% 100%;}
#gd.anniu{background-image:url(images/gd.png);background-size:100% 100%;}
#dzg.anniu{background-image:url(images/dzg.png);background-size:100% 100%;}
#dxz.anniu{background-image:url(images/dxz.png);background-size:100% 100%;}
#lsw.anniu{background-image:url(images/lsw.png);background-size:100% 100%;}
#wjq.anniu{background-image:url(images/wjq.png);background-size:100% 100%;}
#dc.anniu{background-image:url(images/dc.png);background-size:100% 100%;}
#xsp.anniu{background-image:url(images/xsp.png);background-size:100% 100%;}
#xyy.anniu{background-image:url(images/xyy.png);background-size:100% 100%;}

#layout7 .anniu{ margin-top:134px;}
#layout7 .news{ padding-bottom:77px;}




.anniu i{
	width:31px;
	height:30px;
	background:url(images/anniu-i.png) no-repeat;
	background-size:100% 100%;
	display:block;
	position:absolute;
	bottom:0;
	right:0;
}

@-ms-keyframes anniu {
  from {
	transform:scale(1.2);
  }
  to {
  }
}
@-moz-keyframes anniu {
  from {
	transform:scale(1.2);
  }
  to {
  }
}
@-o-keyframes anniu {
  from {
	transform:scale(1.2);
  }
  to {
  }
}
@-webkit-keyframes anniu {
  from {
	transform:scale(1.2);
  }
  to {
  }
}
@keyframes anniu {
  from {
	transform:scale(1.2);
  }
  to {
  }
}
.anniu i{
  animation:'anniu' 0.6s linear 0s infinite alternate;
  -ms-animation:anniu 0.6s linear 0s infinite alternate;
  -moz-animation:anniu 0.6s linear 0s infinite alternate;
  -o-animation:'anniu' 0.6s linear 0s infinite alternate;
  -webkit-animation:'anniu' 0.6s linear 0s infinite alternate;
}




.music{
	position:fixed;
	right:3%;
	top:3%;
	width:66px;
	height:66px;
	z-index:9999;
}
.music.on{background:url(images/music-on.png) no-repeat; background-size:100% 100%;}
.music.off{background:url(images/music-off.png) no-repeat;background-size:100% 100%;}
.music img{display: inline-block;}
@-ms-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-moz-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-o-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-webkit-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@keyframes music{from{ transform:rotate(-360deg); }to{ }}
.music.on{
	animation:'music' 1.5s linear 0s infinite;
	-ms-animation:music 1.5s linear 0s infinite;
	-moz-animation:music 1.5s linear 0s infinite;
	-o-animation:'music' 1.5s linear 0s infinite;
	-webkit-animation:'music' 1.5s linear 0s infinite;
}





@media (max-width: 1700px) {
	.hang1-1 {width: 45.3%;left: -6.92%; top: 3%;}
	.hang1-2 {width: 28.83%;right: -15%;}
	.hang1-4 {width: 38.33%; left: -12%; bottom:0;}
	.hang2-1 {width: 22.41%;right: -16.96%;top: -16%; z-index: -1;}
	.hang2-2 { left: -5%;}
	.hang3-1 {width: 22.2%;right: -1%;}
	.hang3-2 {width: 27%;}
	.hang3-3 {width: 22.2%;left: -6%;}
	.hang4-2 {width: 48.08%;left: -23.92%;}
	.hang4-3 {width: 32.08%;left: -11%;}
	.hang5-2 {width: 42.08%;left: -10%; top: 1%;}
	.hang5-4 {width: 30.42%;left: -8.25%;}
	.hang6-1 {width: 28.83%;left: -5%;}
	.hang6-2 {width: 32.33%;left: -12%;}
	.hang7-1 {width: 34.17%;left:-7.5%;}
	.hang7-2 {width: 36.17%;right: -16%;}
	.hang7-3 {width: 28.42%;left: -7%;}
	.hang7-4{left: -6%;}
	.hang8-1 {width: 22.17%;right: -5%;}
	.hang8-2 {width: 40.16%;left: -8%;}
	.hang8-3 {width: 26.83%;left: -8%;}
	.hang8-4 {width: 26.5%;right: -14%; bottom:-24%;}
	.hang9-2 {width: 22.25%;right: -13%;}
}
@media (max-width: 1600px) {
	.load .news{font-size:28px;line-height:50px;}
	.sid-nav{  width:63px;}
	.sid-nav li{ width:63px; height:66px;}
	.sid-nav i{ height:10px; margin-left:31px;}
	.sid-nav .li10 { width:51px; height:20px;margin-left:6px;}
@media (max-width: 1550px) {
	.sid-nav{ left:3%; }
}
@media (max-width: 1440px) {
	.sid-nav{ left:2%; }
	.sid-nav li{width: 60px;height: 63px;}
	.hang1-1 {width: 40.3%;left: -2%;}
	.hang1-2 {width: 24.83%;right: -9%;}
	.hang1-4 {width: 34.33%;left: -8%; bottom:0;}
	.hang1-3 {width: 55.5%;left: -10.83%;bottom: -36%;}
	.hang2-1 {width: 20.41%;right: -10.96%;top: -12%;}
	.hang2-2 {width: 24.25%;left: -2%;bottom: -5%;}
   	.hang2-3{width: 28.75%;right:0%;}
	.hang3-1 {width: 22.2%;right: -1%;}
	.hang3-2 {right: -3.5%;width: 26.2%;}
	.hang3-3 {left:-3%;}
	.hang4-1 {width: 27.25%;left: -3%;}
	.hang4-2 {width: 44.08%;left: -19%;}
	.hang4-3 {width: 26.08%;left: -2%;}
	.hang5-4 {width: 26.42%;left: -4.25%;top: 2%;}
	.hang6-1{width: 24.83%;left: -1%;}
	.hang7-1 {width: 28.17%;left: -3%;}
	.hang7-2 {width: 30.17%;right: -6%; bottom:6%;}
	.hang7-3 {width: 24.42%; left: -2%;}
	.hang7-4 {width: 22.42%;left: -2%;}
	.hang8-2 {width: 36.16%;left: -3%;}
	.hang8-3 {width: 23.83%;left: -3%;}
	.hang8-4 { right: -8%; }
	.hang9-2{ right: -10%;}
	.hang9-3{ left:-6%;}
}


@media (max-width: 1024px) {
	.sid-nav li{ height:4.5em;}
	.pic-list li{height:auto;}
	.news .pic,.block3-1 .news .pic {height: 25em;}
	.hang1-1 {width: 33.3%;left: 0;top: 15%;}
	.hang1-2 {width: 14.83%;right: 0%;}
	.hang1-3 {width: 44.5%;left: -8%;}
	.hang1-4 {width: 24.33%;left: 0; bottom:0;}
	.hang2-2{ bottom:6%;}
	.load .bar-box{margin-top:2.5em;}
	.load .pic{width: 83.6%;left: 8.2%;}
	.load .news {font-size: 1.4em;line-height: 1.6em; width: 92%;left: 4%;top: 24.63%;}
	.load .bar {width: 60%;height: 0.5em;border-radius: 0.3em;left: 20%;margin-left:0;}
	.load .bar span{height:0.48em;border-radius: 0.3em;}
	.load .news .p2 {font-size: 1em;line-height: 1.6em;}
	.load .enter{width: 25.86%;height: 6.36%;left: 37.07%;bottom: 14.1%;}
	.skip {width: 19.86%;height: 3.9%;right: 6%;bottom: 14%;}
	.footer{margin-bottom: 12em;}
	.music {top: auto; bottom: 3.4em;}
	.sid-nav {top: auto; bottom: 0;}
	.video1{ height:auto;}
}


@media (max-width: 1000px) {
	.phone-news{ display:block; width:90%; margin-left:5%;}
	.load .news p{ display:none;}
	.load .news .p2{ display:block !important;}
	.sid-nav li{ height:3.6em;}
	.topic1 { width: 50%; height: 17.84%;left: 28%;}
	.subtit1 {width: 50%;height: 9.18%;left: 28%;top: 59.1%;}
	.topic2 { width: 50%; height: 19.79%;left: 25%; top: 33.07%;}
	.subtit2 { width: 60%; height: 10%;left: 20%;top: 55.37%;}
	.topic3 {width: 40%;height: 18.14%; left: 30%; top: 30%;}
	.subtit3 {width: 50%; height: 10.72%; left: 25%;top: 54.06%;}
	.topic4 {width: 50%;height: 20%; left: 33%;}
	.subtit4{width: 50%;height: 8.97%;left: 33.45%;top: 56.03%;}
	.topic5 {width: 50%; height: 17.32%;left: 25%;top: 36%;}
	.subtit5 {width: 44%;height: 10%;left: 28%; top: 58%;}
	.topic6 { width: 50%; height: 18.04%;left: 28%;}
	.subtit6 {width: 65%; height: 8.56%;left: 17.5%;top: 55.42%;}
	.topic7 {width: 65%;height: 20%;left: 17.5%;top: 26.89%;}
	.subtit7 {width: 50%;height: 9.69%;left: 25%;}
	.topic8 {width: 30%;height: 20.72%;left: 35%;top: 34.79%;}
	.subtit8 { width: 50%; height: 10.21%; left: 25%;top: 60.46%;}
	.topic9 {width: 50%; height: 17.11%;left: 30%;top: 33.4%;}
	.subtit9 { width: 50%;height: 8.56%; left: 30%;top: 55.21%;}
	.pic-list li {height: 22em;}
	.hang1-1 {width: 36.3%;top: 16%;left: 0;}
	.hang1-2 {width: 14.83%;right: 0%;bottom: -2.5em;}
	.hang1-3 {width: 44.5%;left: -8%; z-index:-1;bottom: -32%;}
	.hang1-4 {width: 18.33%;left: 0;bottom:-15%;z-index: -1;}
	.hang2-2 {width: 19.25%;left: 0;bottom: -15%;}
	.hang2-3 {bottom: -10%;width: 27.75%;right: 0%;}
	.hang3-1 {width: 15.2%;right: 0;bottom: -28%;}
	.hang3-2 {right: 0;width: 20.2%; bottom:-10%;z-index: -1;}
	.hang3-3 {width: 16.2%;left:0; bottom:-70%;}
	.block3-8 .tu-list1{ padding-top:1em;}
	.hang3-4 { right: 0;bottom: -22%; width: 17.2%;}
	.hang4-1 {width: 22.25%;left: 0; bottom:-20%;}
	.block4-2 .video1{ padding-top:1em;}
	.block4-7 .tu-list1{ margin-bottom:0;}
	.block4-7 .video1{ margin-top:0;}
	.hang4-2 {width: 34.08%;left: -12.92%;top: 34%;}
	.hang4-3 {width: 21.08%;left: 0; bottom:-30%;}
	.hang5-1 {width: 22.92%;right: 0; bottom:-5%;}
	.hang5-3 {width: 25%;right: 0; bottom:-5%;}
	.hang5-4 { width: 20.42%;left: 0%; top: 29%;}
	.block5-7 .video1,.block6-3 .video1{margin-top: 3em;}
	.hang6-1{ width: 20.42%;left: 1%; bottom:-24%;}
	.block6-6 .tu-list1 .left img,.block6-6 .tu-list1 .left img{ margin-bottom:0 !important;}
	.block6-6 .tu-list1 .photo{margin-bottom: 0.35em !important;}
	.hang6-2 {width: 24.33%;left: -0%; top: 7.2%;}
	.block6-10{ padding-bottom:1.5em;}
	.block7-3 .video1{ margin-top: 3.5em;}
	.hang7-1 {width: 22.17%;left: 0; bottom:-30%;z-index: -1;}
	.hang7-2 {width: 24.17%;bottom: -30%; right:0}
	.block7-9 .video1{ margin-top: 2.5em;}
	.hang7-3 {width: 16.42%;left: 0%; bottom:-30%;}
	.hang7-4 {top: 7.8%;}
	.hang8-1 {width: 16.17%; bottom:-24%;right: 0;}
	.hang8-2 {width: 28.16%;left: 0;bottom:-20%;}
	.hang8-3 { width: 16.83%;left: 0;bottom:-43%;}
	.hang8-4 {bottom:-30%;right:0;}
	.hang9-2 {width: 16.25%;right: 0%;bottom:-20%;}
	.hang9-3 {width: 22.85%;left: 0%;bottom:-44%;}
	.block9-5 .tu-list1{ margin-top:3em;}
	.block4-7 .left .p1{ margin-left:3% !important;}
	.block4-7 .tu-list1 .photo{margin-bottom: 0.3em;}
	.block1-1 .tu-list1 { margin-bottom: 0.6em;}
	.biao{ margin-bottom:1em !important;}
	.block5-2 .zi,.block9-2 .zi{margin-top: 1em !important;}
	.block6-9 .tu-list1 .photo{ margin-bottom:0.3em !important;}
	.block8-5 .zi{ margin-top:1.5em;}
	.block1-7 .zi{ margin-bottom:3.5em;}
	.block2-3 .left .p1{margin-left: 3% !important;}
	.block1-9 .zi,.block2-5 .zi,.block3-8 .zi{ margin-bottom:3.5em;}
	.block3-9 .zi,.block4-10 .zi2,.block7-7 .zi,.block7-8 .zi,.block8-5 .zi2,.block9-5 .zi{ margin-bottom:4.5em;}
	
	.audio {width: 70%;margin:2em 0 2em 15%;height:7em;background: #d0d9d2;border-radius: 1em;}
	.audio .time-bar {width: 80%;margin: 2em 0 0 10%;}
	.audio .yuan { width: 2em;height: 2em;top: -0.6em;border-radius: 1em;}
	.audio .time-xian { height: 0.8em;border-radius: 0.4em;}
	.audio span {width: 2em;height: 2.4em;margin: 1em 0 0 48%;}
}