body {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-image:url(../img/blob.png);
	background-color: #f2f2f2;
    border:none;
	margin:0;
	padding: 0;
	topmargin:0;
	leftmargin:0;
	overflow-x:hidden;
    overflow-y:auto;
}
#point{  
     background:url(../img/point0.png);
     background-attachment:fixed;
     background-repeat:repeat;
     width:100%;
     height:100%;
     margin: 0px auto;
     z-index:997;
     }
#link{  
     width:100%;
     height:100%;
     margin:0;
     z-index:998;
     }	

/*---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 0.5s; 
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-delay: 3.5s; /* W3C 和 Opera */
	-moz-animation-delay: 3.5s; /* Firefox */
	-webkit-animation-delay: 3.5s; /* 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 4s; }
#loading .logo { position: fixed; bottom:70%; left:50%; -webkit-transform:translate3d(-50%,50%,0); z-index: 2; width:120px; height:120px; -webkit-transition:opacity 4s; }
#loading .wenguan { position: fixed; top:40%; left:50%; -webkit-transform:translate3d(-50%,50%,0); z-index: 2; width:120px; height:120px; -webkit-transition:opacity 4s; }
#loading img { width: 100%; height: 100%; }
#loading.shift .ins{ opacity: 0;}
#loading.shift .logo{ opacity: 0;}
#loading.shift .wenguan{ opacity: 0;}


/* 动画 */
@-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/point03.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_bo {
	position:fixed;
	width:150px;
	height:400px;
	z-index:1000;
	margin-top:200px;
	margin-left:25px;
}
.nav_bo01,.nav_bo02, .nav_bo03,.nav_bo04, .nav_bo05, .nav_bo06 {
	width:150px; height:30px; position: relative;margin-top:17px; background-color:#f2f2f2;}
.nav_bo07{
	width:75px; height:75px; position: relative;margin-top:17px; background:url(../img/2wm-blog-02.png) no-repeat;}
.nav_bo08{
	width:75px; height:15px; position: relative;margin-top:2px; text-align:center;}
	
.nav_bo_01,.nav_bo_02, .nav_bo_03,.nav_bo_04, .nav_bo_05, .nav_bo_06 {
	width:150px; height:30px; position: relative;
	background-repeat: no-repeat;
   -webkit-transition: all 5s ease-in;
   -moz-transition: all 5s ease-in;
   -o-transition: all 5s ease-in;
   -ms-transition: all 5s ease-in;
   transition: all 5s ease-in;
}
.nav_bo_02-1 {
	width:150px; height:30px; margin:0 0;
	background-repeat: no-repeat;
   -webkit-transition: all 5s ease-in;
   -moz-transition: all 5s ease-in;
   -o-transition: all 5s ease-in;
   -ms-transition: all 5s ease-in;
   transition: all 5s ease-in;
}
.nav_bo_02-1 {background-image:url(../img/nav-bo-02-3-1.png);background-position:0 0;}
.nav_bo_02-1:hover {background-image:url(../img/nav-bo-02-3-1.png);background-position:-300px 0px;}

.nav_bo_01,.nav_bo_02,.nav_bo_02-1,.nav_bo_03,.nav_bo_04, .nav_bo_05, .nav_bo_06,.xing-bike01, .xing-bike02, .xing-bike03:hover { 
   background-repeat: no-repeat;	 
   -webkit-transition: all 2s ease-out;
   -moz-transition: all 2s ease-out;
   -o-transition: all 2s ease-out;
   -ms-transition: all 2s ease-out;
   transition: all 2s ease-out;
   }

/*---框架---------------------------------------------------*/

.container {
	position:absolute;
	height: auto;
	z-index:777;
	text-align:center;
	top:120px;
	height:200px;
	visibility:visible;
	left:250px;
	right:12%;	
	overflow:hidden;
	opacity:0;
	-webkit-animation: fadeIn 0.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 */
}
.container0 {
	width: 1160px;
	height: auto;
	margin: 0 auto;
	margin-top:20px;
	z-index:778;
	overflow:hidden;
	opacity:0;
	-webkit-animation: fadeIn 1.5s; 
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-delay: 0.5s; /* W3C 和 Opera */
    -moz-animation-delay: 0.5s; /* Firefox */
    -webkit-animation-delay: 0.5s; /* Safari 和 Chrome */
}
.sidebar-wenguan {
	float: left;
	width: 200px;
	height:400px;
	z-index:1500;
	padding-bottom:10px;
	position:fixed;
}
.sidebar_right {
	float:right;
	width:955px;
	height:100%;
	padding-bottom: 10px;
	margin-top:90px;
	margin-left:5px;
	z-index:800;
	overflow: auto;
}

/*----3X5格子 loading-gif-------------------------------------------------*/
.page-3x5pic-loading{
	width:100%;
	margin:0 0px;
	height:100%;
	background:url(../img/load.gif) center no-repeat;
}

/*---font-size: 2.05em;---------------------------------------------------*/

nav,section{display:block;}
#list {
	position:absolute;
	width:260px;
	height:44px;
	z-index:1001;
	left: 57px;
	bottom:7px;
}
nav a {
	position: relative;
	display: inline-block;
	margin: 3.3px 6px;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 27px;
	font-family:listfont;
	height:44px;
	top:5px;

}

nav a:hover,
nav a:focus {
	outline: none;
}

.list-color {
	background:url(../img/listbg.png);
	height:44px;
	width:228px;
	text-align:center;
}
.list-effect a {
	color: #252525;
	text-shadow: 0 0 1px rgba(111,134,134,0.3);
}

.list-effect a::before {
	color: #fff;
	content: attr(data-hover);
	position: absolute;
	opacity: 0;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.list-effect a:hover::before,
.list-effect a:focus::before {
	-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity: 1;
}
/*----版权申明-----上下右白边---------------------------------------------*/	
#Copyright {
	position:fixed;
	font-family:copyfont;
	text-align:right;
	right:0px;
	bottom:7px;
	width:200px;
	height:59px;
	z-index:7000;	
}
#Copyright p {
	color:#D5D5D5;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#Copyright p:hover {
	color:#222;
}
#notice {
	position:absolute;
	font-family:copyfont;
	color: #F00;
	text-align:right;
	right:160px;
	bottom:7px;
	width:240px;
	height:40px;
	z-index:1003;
	text-shadow:0 1px 2px  #000;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#notice:hover {
	color: #FFF;
}
#suggest {
	position:absolute;
	font-family:copyfont;
	color: #1E1E1E;
	text-align:right;
	right:160px;
	bottom:7px;
	width:240px;
	height:40px;
	z-index:1003;
	text-shadow:0 1px 2px  #000;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#suggest:hover {
	color: #B9B9B9;
}
#nav_top,#nav_foot {
	position:fixed;
	width:100%;
	background-color:#000;
	z-index:100888;
	height:13px;
}
#nav_top{top:0;text-align:center;}
#nav_foot{bottom:0;}

#nav_left,#nav_right {
	position:fixed;
	height:100%;
	width:13px;
	top:0px;
	bottom:0px;
	background-color:#000;
	z-index:100889;
}
#nav_right {right:0px;}
#nav_left {left:0px;}

#nav_top-w,#nav_foot-w {
	position:fixed;
	width:100%;
	background-color:#f2f2f2;
	z-index:886;
}
#nav_top-w{top:0;height:20px;}
#nav_foot-w{bottom:0;height:20px;}

#nav_left-w,#nav_right-w {
	position:fixed;
	height:100%;
	width:20px;
	top:0px;
	bottom:0px;
	background-color:#f2f2f2;
	z-index:887;
}
#nav_right-w {right:0px;}
#nav_left-w {left:0px;}
/*-----下滑-------------------------------------*/		

#nav_top2 {
	position:fixed;
	width:100%;
	background-color:#000;
	z-index:887;
	height:13px;
	top:0;
	text-align:center;
}
.container-showB {
	width: 200px;
	height:30px;
	overflow: hidden;
	margin-top:12px;
	float:left;
	margin-left:73%;
	z-index:886;
	position:fixed;
	opacity:0;
	-webkit-animation: fadeIn 1.5s; 
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-delay: 1s; /* W3C 和 Opera */
    -moz-animation-delay: 1s; /* Firefox */
    -webkit-animation-delay: 1s; /* Safari 和 Chrome */
}
#showBottom{
	width:120px;
	height:30px;
	float:right;
	margin-right:30px;
	z-index:887;
	background-image:url(../img/C-00-01.png);
	cursor: pointer;
	opacity:0;
	-webkit-animation: fadeIn 1.5s; 
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-delay: 1s; /* W3C 和 Opera */
    -moz-animation-delay: 1s; /* Firefox */
    -webkit-animation-delay: 1s; /* Safari 和 Chrome */
	}
/*-----变换主体-------------------------------------------------*/	
#main {
	position:absolute;
	width:100%;
	height:100%;
	z-index:999;
	left: 0px;
	top: 0px;
}

/*relative*/
.pt-perspective {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
}

.pt-page {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.pt-page-current,
.no-js .pt-page {
	visibility: visible;
	z-index: 1;
}

.no-js body {
	overflow: auto;
}

.pt-page-ontop {
	z-index: 999;
}


/*------------------------------------------------------*/	
.pt-left {
	position:absolute;
	width:215px;
	left:61px;
	top:300px;
	bottom:75px;
	z-index:1007;
}
.pt-left a {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #212121;
	font-size:1.1em;
	text-shadow:0 1px 1px  #000;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
	
}
.pt-left a:hover {
	color: #939393;
}
.pt-right {
	position: absolute;
	left:300px;
	right: 300px;
	top:0px;
	bottom:0px;
	z-index:1006;
	text-align:center;
}
.pt-page-bg {
	
}

/*----播放页主体--------------------------------------------------*/	
#cbp-point {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1003;
	background:;
}
.cbp-bislideshow {
	list-style: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 0;
	margin: 0;
}

.cbp-bislideshow li {
	position: absolute;
	width: 101%;
	height: 101%;
	top: -0.5%;
	left: -0.5%;
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}

/* If background-size supported we'll add the images to the background of the li */

.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
	display: none;
}

.cbp-bislideshow li img {
	display: block;
	width: 100%;
}

/*----播放页控制按钮--------------------------------------------------*/
.cbp-bicontrols {
	position: fixed;
	width: 141px;
	height: 47px;
	left: 45%;
	top:50%;
}

.cbp-bicontrols span {
	float: left;
	width: 47px;
	height: 47px;
	position: relative;
	cursor: pointer;
}

.cbp-bicontrols span:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	font-family: 'entypo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 30px;
	font-size: 15px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	opacity: 0.5;
}

.cbp-bicontrols span:hover:before {
	opacity: 1;
}

.cbp-bicontrols span:active:before {
	top: 2px;
}

span.cbp-biplay:before {
	content: "\ ";
	background: url(../img/pro-next.png) ;
	background-position:0 -141px;
}
span.cbp-bipause:before {
	content: "\ ";
	background:url(../img/pro-next.png) ;
	background-position:0 -94px;
}
span.cbp-binext:before {
	content: "\ ";
	background:url(../img/pro-next.png) ;
	background-position:0 -47px;
}
span.cbp-biprev:before {
	content: "\ ";
	background:url(../img/pro-next.png) ;
	background-position:0 0px;
}

.cbp-bicontrols span.cbp-binext {
	float: right;
}

/* Fallback */

.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
	opacity: 1;
}

.no-js.backgroundsize .cbp-bislideshow li:first-child img {
	display: block;
}
/*------------------------------------------------------*/	
.pt-message {
	display: none;
	position: absolute;
	z-index: 99999;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #da475c;
	color: #fff;
	text-align: center;
}

.pt-message p {
	margin: 0;
	line-height: 60px;
	font-size: 26px;
}

.no-cssanimations .pt-message {
	display: block;
}

@media screen and (max-width: 47.4375em) {
	.pt-page h1 {
		font-size: 3em;
	}
}


/*------------------------------------------------------*/	
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
a {font-size: 14px;color: #FFF;}
img, div { behavior: url("../img/iepngfix.htc");border:none; behavior: url("../img/ie-css3.htc"); }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	font-family: 微软雅黑,Microsoft Yahei;
	font-size: 13px;
	color:#080808;
}
/*------------------------------------------------------*/
/*------------------------------------------------------*/