body {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color:#FFF;
    border:none;
	margin:0;
	padding: 0;
	topmargin:0;
	leftmargin:0;
	overflow-x:hidden;
    overflow-y:auto;
}
.index_sidebar{
	width:100%;
	height:100%;
	padding-bottom: 10px;
	z-index:800;
	margin-top:120px;
	overflow: hidden;
	display: flex;
    align-items: center;
    justify-content: center;
	opacity:0;
	-webkit-animation: fadeIn 1.5s; 
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-delay: 5.5s; /* W3C 和 Opera */
    -moz-animation-delay: 5.5s; /* Firefox */
    -webkit-animation-delay: 5.5s; /* Safari 和 Chrome */
}

.index-new-shan{
	width:1000px;
	height:550px;
	margin-top:5%；
}

#index-new-shan2{
	position:fixed;
	width:811px;
	height:400px;
	z-index:5110;
	cursor: pointer;
	margin-left:94.5px;
	margin-top:210px;
}
/*---loadingLOGO---------------------------------------------------*/	 
#loading { 
    display: flex;
    align-items: center;
    justify-content: center;  
	width: 20%; 
	height: 20%;
	z-index: 1; 
	background-color:#FFF; 
	overflow: hidden;
	-webkit-animation: fadeout 1.5s; 
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-delay: 4s; /* W3C 和 Opera */
	-moz-animation-delay: 4s; /* Firefox */
	-webkit-animation-delay: 4s; /* Safari 和 Chrome */
}

#loading .ins { opacity: 1; position: fixed; top: 30%; left: 50%; z-idnex:1; width: 120px; height: 120px; margin:-60px 0 0 -60px; -webkit-animation: revolve 2s infinite linear; -webkit-transition:opacity 3s; }
#loading .logo { position: fixed; bottom:70%; left:50%; -webkit-transform:translate3d(-50%,50%,0); z-index: 2; width:120px; height:120px; -webkit-transition:opacity 3s; }
#loading .wenguan { position: fixed; top:40%; left:50%; -webkit-transform:translate3d(-50%,50%,0); z-index: 2; width:120px; height:120px; -webkit-transition:opacity 3s; }
#loading img { width: 100%; height: 100%; }
#loading.shift .ins{ opacity: 0;}
#loading.shift .logo{ opacity: 0;}
#loading.shift .wenguan{ opacity: 0;}

/* 目录动画 */
.shan-01,.shan-02,.shan-03,.shan-04,.shan-05 {
	position: absolute;
	width: 250px;
	height: 250px;
	z-index: 1000;
}

.shan-01 { background:url(../news/shan-1.png) no-repeat; margin-left:0px; margin-top:50px;}
.shan-02 { background:url(../news/shan-2.png) no-repeat; margin-left: 280px;margin-top:50px;}
.shan-03 { background:url(../news/shan-3.png) no-repeat; margin-left: 560px;margin-top:50px;}
.shan-04 {
	background: url(../news/shan-4.png) no-repeat;
	margin-left: 140px;
	margin-top:200px;
}
.shan-05 {
	background: url(../news/shan-5.png) no-repeat;
	margin-left: 420px;
	margin-top:200px;
}

.shan-01-01,.shan-02-01,.shan-03-01,.shan-04-01,.shan-05-01{ position:relative; margin:37px; width:177px; height:177px;
/* Rotate div */
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); /* Internet Explorer */
-moz-transform:rotate(-45deg); /* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); /* Opera */
}
.shan-01-01{background:url(../news/shan-01-01.png) no-repeat 0px -100px;}
.shan-01-01:hover{background:url(../news/shan-01-01.png) no-repeat -549px 0px;}
.shan-02-01{background:url(../news/shan-02-01.png) no-repeat 0px -100px;}
.shan-02-01:hover{background:url(../news/shan-02-01.png) no-repeat -549px 0px;}
.shan-03-01{background:url(../news/shan-03-01.png) no-repeat 0px -100px;}
.shan-03-01:hover{background:url(../news/shan-03-01.png) no-repeat -549px 0px;}
.shan-04-01{background:url(../news/shan-04-01.png) no-repeat -549px 0px;}
.shan-04-01:hover{background:url(../news/shan-04-01.png) no-repeat 0px -100px;}
.shan-05-01{background:url(../news/shan-05-01.png) no-repeat -549px 0px;}
.shan-05-01:hover{background:url(../news/shan-05-01.png) no-repeat 0px -100px;}

.shan-bg,.shan-bg-04,.shan-bg-05{ position:relative; width:180px; height:180px; left: -1px; top: -1px; bottom: -1px; right: -1px;}
.shan-bg{ background: url(../news/shan-bg.png) no-repeat; }
.shan-bg-04{ background: url(../news/shan-bg2.png) no-repeat; }
.shan-bg-05{ background: url(../news/shan-bg2.png) no-repeat; }

.shan-1{ position:relative; width:180px; height:180px; left: -1px; top: -1px; bottom: -1px; right: -1px;
 background:url(../img/.png); opacity:0;}
.shan-1:hover{ opacity:1;}
.shan-2{ position:relative; width:180px; height:180px; left: -1px; top: -1px; bottom: -1px; right: -1px;
 background:url(../news/); opacity:0;}
.shan-2:hover{ opacity:1;}
.shan-3{ position:relative; width:180px; height:180px; left: -1px; top: -1px; bottom: -1px; right: -1px;
 background:url(../news/); opacity:0;}
.shan-3:hover{ opacity:1;}
.shan-4{ position:relative; width:180px; height:180px; left: -1px; top: -1px; bottom: -1px; right: -1px;
 background:url(../news/); opacity:0;}
.shan-4:hover{ opacity:1;}
.shan-5{ position:relative; width:180px; height:180px; left: -1px; top: -1px; bottom: -1px; right: -1px;
 background:url(../news/); opacity:0;}
.shan-5:hover{ opacity:1;}


/* 动画 */
@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-webkit-keyframes fadeout {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
@-webkit-keyframes revolve{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}

/*---闻观LOGO---------------------------------------------------*/	 
	 /*H:0,-377; S:0,-190; C:0,-567;*/
#logo {
	position:fixed;
	width:200px;
	height:200px;
	z-index:5100;
	cursor: pointer;
}
#index_logo {
	position:fixed;
	width:200px;
	height:200px;
	z-index:5100;
	cursor: pointer;
	margin-left:400px;
	margin-top:0px;
}
.in p {
	position: relative;
	color: #fff;
	text-align: center;
	font-size: 0;
	background-image: url(../img/logo-ziran02-02.png);
	width: 200px;
	height: 200px;
	cursor: pointer;
}
.in .he,.in .content {
   width: 200px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0px;
   left: 0px;
   background: url(../img/point0 1.png) repeat;
   border-radius: 50%;
}
.in .he2 {
   width: 201px;
   height: 201px;
   position: absolute;
   overflow: hidden;
   top: -1px;
   left: -1px;
   background: url(../img/point0 3.png) repeat;
}
.in img {
	display: block;
	position: inherit;
	left: 19px;
	top: 3px;
}
.out img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.out .he {
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
/*border-bottom:1px;*/
.out h2 {
   font-family:Arial;
   border-bottom: 0px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #000;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.out p {
   color: #FFF;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   cursor:pointer;
}
.out a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.out:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.out:hover .he {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.out:hover h2,.out:hover p,.out:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}			
.in {
   width: 200px;
   height: 200px;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   border-radius: 50%;
}
.in h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   margin: 20px 0 0 0;
   background:#000;
}
.in a.info {
   display: inline-block;
   text-decoration: none;
   padding: 8px 14px;
   background: #000;
   color: #000;
   position: center;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.in a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}


.nav_foot {
	position:fixed;
	width:100%;
	z-index:10;
	height:20px;
	bottom:10px;
	text-align: center;
	font-size: 13px;
}
.nav_foot a{
	color:#999;
	text-decoration:none;
}