/*重置规则*/

* {
	margin: 0;
	padding: 0;
}

html,
body {
	width: 100%;
	height: 100%;
	font-family: "microsoft yahei", arial;
	background: #fff;
}

body {
	background: #efeff4;
}

a {
	text-decoration: none;
	color: #000;
}

ui,
li {
	list-style: none;
}

img {
	border: none;
}

.clear {
	clear: both;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-style: normal
}

input,
textarea,
select,
option {
	outline: none;
}

.book {
	margin-top:84px;
	min-height:890px;
	width: 100%;
	height: 100%;
	position: relative;
	overflow:hidden;
	/*background: url(bg.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;*/
}

#yuwen {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; zoom:0.98
}

.help {
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #795515;
	position: absolute;
	bottom: 0;
}

.page {
	width: 100%;
	height: 100%;
}
.page a{
	width: 100%;
	height: 40px;
	display: block;
	position: absolute;
	left: 0;
	/*background: rgba(0,0,0,0.5);*/
}
.page>img {
	/*width: auto;
	height: 100%;
	display: block;*/
	
}

.page>img {
	width: auto;
	/* height: 100%; */
	display: block;
	margin: 12px 53px;
}
#yuwen{height: 804px;
    margin-top: auto;
    width: 1495px;
    background: url(../image/bookBg.png);
    box-shadow: none!important;}
.page a img {
	display: block;
	position: absolute;
	left: 76px;
	width: 28px;
	height: auto;
	top: 6px;
}
.page video{
	width: 284px;
	height: 160px;
	position: absolute;
	background: #000;
}

.page9 a:nth-of-type(1) {
	top: 276px;
	height: 56px;
}

.page9 a:nth-of-type(2) {
	top: 433px;
	height: 25px;
}

.page9 a:nth-of-type(3) {
	top: 538px;
	height: 25px;
}

.page10 a:nth-of-type(1) {
	top: 72px;
	height: 42px;
}

.page10 a:nth-of-type(2) {
	top: 258px;
	height: 28px;
}

.page10 a:nth-of-type(3) {
	top: 367px;
	height: 46px;
}

.page10 a:nth-of-type(4) {
	top: 491px;
	height: 27px;
}
.page17 a img{
	left: 98px;
}
.page17 a:nth-of-type(1){
	top: 336px;
	height: 46px;
}
.page17 a:nth-of-type(2){
	top: 506px;
	height: 28px;
}
.page18 a img{
	left: 80px;
}
.page18 a:nth-of-type(1){
	top: 72px;
	height: 46px;
}
.page18 a:nth-of-type(2){
	top: 200px;
	height: 46px;
}
.page18 a:nth-of-type(3){
	top: 332px;
	height: 46px;
}
.page span{
	display: block;
	position: absolute;
	width: 93px;
	height: 27px;
}
.page68 span{
	left: 221px;
	top: 554px ;
}
.page69 span{
	left: 198px;
	top: 517px ;
}
.page70 span{
	left: 210px;
	top: 550px ;
}

.page20 video{
	top: 146px;
	left:113px;
}
.page25 video{
	width: 284px;
	height: 160px;
	position: absolute;
	top: 494px;
	left:113px;
	background: #000;
}
.page27 a{
	height: 28px;
	top: 529px;
}
.page27 a img{
	left:95px
}
.page28 a:nth-of-type(1){
	height: 28px;
	top: 537px;
}
.page28 a img{
	left:75px
}
.page29 a:nth-of-type(1){
	height: 46px;
	top: 210px;
}
.page29 a:nth-of-type(2){
	height: 46px;
	top: 328px;
}
.page29 a img{
	left:95px
}

.page37 a{
	top: 514px;
}
.page37 a img{
	left: 68px;
}
.page39 a img{
	left: 97px;
}
.page38 a:nth-of-type(1){
	top: 251px;
	height: 51px;
}
.page38 a:nth-of-type(2){
	top: 423px;
}
.page38 a img{
	left: 40px;
}

.page38 video{
	width: 284px;
	height: 160px;
	position: absolute;
	top: 60px;
	left:113px;
	background: #000;
}
.page39 a{
	top: 163px;
}
.page42 video{
	left: 113px;
	top: 126px;
}
.page44 video{
	left: 113px;
	top: 132px;
}
.page46 video{
	left: 113px;
	top: 390px;
}
.page46 a{
	top: 560px;
}
.page46 a img{
	left: 46px;
}
.page47 video{
	right: 94px;
	top: 191px;
}
.page47 a{
	top: 366px;
}
.page47 a img{
	left: 63px;
}
.page48 a{
	top: 412px;
}
.page48 a img{
	left: 46px;
}
.page54 a{
	height: 26px;
	top: 532px;
}
.page54 video{
	left: 105px;
    top: 361px;
}
.page54 a img{
	left: 46px;
	top: 0;
}
.page55 a:nth-of-type(1){
	height: 26px;
    top: 254px;
}
.page55 a:nth-of-type(2){
	top: 442px;
    height: 60px;
}
.page55 a img{
	left: 63px;
	top:0;
}
.page61 a{
	top: 530px;
	height: 23px;
}
.page62 a{
	top: 383px;
}

.page63 a{
	top: 316px;
}
.page61 a img,.page63 a img{
	left: 90px;
	top: 0;
}

audio{
	position: absolute;
    
    z-index: 200;
    width: 235px;
    height: 32px;
    outline: none;
}
.page64 audio{
	left: 158px;
	top: 203px;
}
.page65 audio{
	left: 134px;
	top: 76px;
}
.page66 audio{
	left: 158px;
	top: 76px;
}
.page67 audio{
	left: 134px;
	top: 76px;
}
.page68 audio{
	left: 86px;
    top: 416px;
}
.page69 audio{
	left: 62px;
    top: 401px;
}
.page70 audio{
	left: 86px;
	top: 448px;
}
.page72 a:nth-of-type(1){
	top: 54px;
}
.page72 a:nth-of-type(2){
	top: 531px;
}

.page73 a{
	top: 531px;
}
.page74 a{
	top: 447px;
}
.page75 a{
	top: 446px;
}

.page73 a img,
.page75 a img{
	left: 93px;
}

.iconjiantouyou,
.iconjiantouarrowhead7 {
	width: 100%;
	height: 100%;
	font-size: 20px;
	display: block;
	line-height: 40px;
	text-align: center;
	 background:url(../image/ry-left.png) no-repeat ;
	 background-size:100% 100%
}
.iconjiantouyou
{
	 background:url(../image/prev.png) no-repeat ;
	 background-size:100% 100%
	}

	
	
	.video,.mvideo{ position:absolute; width:100%; height:100%;object-fit: fill; z-index:5555}
	.custom-goto1 { display:none}
	.bgleft,.bgright{ width: 50%;
    height: 100%;
    position: absolute;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
	filter: blur(2px);
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
-o-filter: blur(2px);
	}
	.bgleft{left:0; background-image:url(../image/01.png)}
	.bgright{right:0;background-image:url(../image/02.png)}

/*


.bgleft,.bgright{ width: 50%;
    height: 100%;
    position: absolute;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden; transform:rotate(90deg);    width: 100%;
    height: 50%;    width:50vh;
    height: 100vw;background-image:url(statice_zhongdianxiangmu/01.jpg);
    transform: rotate(
90deg
);
    transform-origin: 0% 0%;
    position: absolute;
    left: 100vw;
}
.nav{ display:none}
.bgleft{top:0; background-image:url(statice_zhongdianxiangmu/01.jpg)}
.bgright{top:50vh;background-image:url(statice_zhongdianxiangmu/02.jpg)}
*/
.zj-menu{position:absolute;left:50%;margin-left: 680px;z-index:999;top: 180px;color: #fff;width: 99px;}
.zj-menu a{ color:#fff;width: 102px;height:40px;background:url(../image/menu.png) no-repeat; display:block; text-align:center; margin-bottom:20px; line-height:40px; cursor:pointer}
.zj-menu a:hover, a.menuact{background:url(../image/menu_hover.png) no-repeat; cursor:pointer}

.videoimg{display: none}
.mvideo{display: none}
.video{ display: block; }
  .video-img{display:none}

@media only screen and (orientation:portrait) {
   .video-img{display:block}
 .mvideo{display:block}
  .video{ display: none; }
	.zj-menu{ top:200px}
	.book {
		width: 100vh;
		height: 100vw;
		transform: rotate(90deg);
		transform-origin: 0% 0%;
		position: absolute;
		left: 100vw;
		top: 0;
	}
	.booklet .b-tab {
		width: 0.4rem;
		height: 0.4rem;
	}
	.booklet .b-tab-prev {
		left: 0.34rem;
		border-radius: 0.4rem 0 0 0.4rem;
	}
	.booklet .b-tab-next {
		right: 0.34rem;
		border-radius: 0 0.4rem 0.4rem 0;
	}
	.b-menu {
		width: 100%;
		height: 0.4rem;
		margin-left: 0;
		left: 0;
	}
	.b-selector {
		width: auto;
		padding: 0 0.1rem;
		height: 100%;
		position:initial;
		float: right;
		margin-left: 0.2rem;
	}
	.b-selector .b-current {
		padding: 0 10px;
		line-height: 20px;
		min-width: 40px;
		height: 100%;
		display: block;
		text-align: center;
		background: rgba(179, 126, 32, 0.9);
	}
	.b-selector .b-current {
		padding: 0 0.1rem;
		line-height: 0.3rem;
		min-width: 0.4rem;
		font-size: 0.24rem;
	}
	.b-selector ul {
		top: 0.4rem;
		width: 3.4rem;
		font-size: 0.24rem;
		right: 0.1rem;
		padding-right: 0.1rem;
		box-sizing: border-box;
	}
	.b-selector a {
		height: 0.3rem;
		font-size: 0.24rem;
		line-height: 0.3rem;
		padding: 0.1rem 0.1rem;
		overflow: hidden;
	}
	.b-selector a .b-text {
		font-size: 0.24rem;
		padding: 0 0.1rem;
	}
	.b-selector a .b-num {
		padding: 0 0.1rem;
		display: inline-block;
	}
	.iconjiantouyou,
	.iconjiantouarrowhead7 {
		font-size: 0.24rem;
		line-height: 0.4rem;
	}
	
	.section,#header-2 { display:none!important}


		.videoimg{ position:absolute; width:100%; height:100%;object-fit: fill; z-index:5555;background-image: url('../image/video2.gif');}
/*@keyframes gif {
0%	{background-image: url('../video2/video00.jpg');}
1%	{background-image: url('../video2/video01.jpg');}
1.32%	{background-image: url('../video2/video01.jpg');}
2.63%	{background-image: url('../video2/video02.jpg');}
3.95%	{background-image: url('../video2/video03.jpg');}
5.26%	{background-image: url('../video2/video04.jpg');}
6.58%	{background-image: url('../video2/video05.jpg');}
7.89%	{background-image: url('../video2/video06.jpg');}
9.21%	{background-image: url('../video2/video07.jpg');}
10.53%	{background-image: url('../video2/video08.jpg');}
11.84%	{background-image: url('../video2/video09.jpg');}
13.16%	{background-image: url('../video2/video10.jpg');}
14.47%	{background-image: url('../video2/video11.jpg');}
15.79%	{background-image: url('../video2/video12.jpg');}
17.11%	{background-image: url('../video2/video13.jpg');}
18.42%	{background-image: url('../video2/video14.jpg');}
19.74%	{background-image: url('../video2/video15.jpg');}
21.05%	{background-image: url('../video2/video16.jpg');}
22.37%	{background-image: url('../video2/video17.jpg');}
23.68%	{background-image: url('../video2/video18.jpg');}
25.00%	{background-image: url('../video2/video19.jpg');}
26.32%	{background-image: url('../video2/video20.jpg');}
27.63%	{background-image: url('../video2/video21.jpg');}
28.95%	{background-image: url('../video2/video22.jpg');}
30.26%	{background-image: url('../video2/video23.jpg');}
31.58%	{background-image: url('../video2/video24.jpg');}
32.89%	{background-image: url('../video2/video25.jpg');}
34.21%	{background-image: url('../video2/video26.jpg');}
35.53%	{background-image: url('../video2/video27.jpg');}
36.84%	{background-image: url('../video2/video28.jpg');}
38.16%	{background-image: url('../video2/video29.jpg');}
39.47%	{background-image: url('../video2/video30.jpg');}
40.79%	{background-image: url('../video2/video31.jpg');}
42.11%	{background-image: url('../video2/video32.jpg');}
43.42%	{background-image: url('../video2/video33.jpg');}
44.74%	{background-image: url('../video2/video34.jpg');}
46.05%	{background-image: url('../video2/video35.jpg');}
47.37%	{background-image: url('../video2/video36.jpg');}
48.68%	{background-image: url('../video2/video37.jpg');}
50.00%	{background-image: url('../video2/video38.jpg');}
51.32%	{background-image: url('../video2/video39.jpg');}
52.63%	{background-image: url('../video2/video40.jpg');}
53.95%	{background-image: url('../video2/video41.jpg');}
55.26%	{background-image: url('../video2/video42.jpg');}
56.58%	{background-image: url('../video2/video43.jpg');}
57.89%	{background-image: url('../video2/video44.jpg');}
59.21%	{background-image: url('../video2/video45.jpg');}
60.53%	{background-image: url('../video2/video46.jpg');}
61.84%	{background-image: url('../video2/video47.jpg');}
63.16%	{background-image: url('../video2/video48.jpg');}
64.47%	{background-image: url('../video2/video49.jpg');}
65.79%	{background-image: url('../video2/video50.jpg');}
67.11%	{background-image: url('../video2/video51.jpg');}
68.42%	{background-image: url('../video2/video52.jpg');}
69.74%	{background-image: url('../video2/video53.jpg');}
71.05%	{background-image: url('../video2/video54.jpg');}
72.37%	{background-image: url('../video2/video55.jpg');}
73.68%	{background-image: url('../video2/video56.jpg');}
75.00%	{background-image: url('../video2/video57.jpg');}
76.32%	{background-image: url('../video2/video58.jpg');}
77.63%	{background-image: url('../video2/video59.jpg');}
78.95%	{background-image: url('../video2/video60.jpg');}
80.26%	{background-image: url('../video2/video61.jpg');}
81.58%	{background-image: url('../video2/video62.jpg');}
82.89%	{background-image: url('../video2/video63.jpg');}
84.21%	{background-image: url('../video2/video64.jpg');}
85.53%	{background-image: url('../video2/video65.jpg');}
86.84%	{background-image: url('../video2/video66.jpg');opacity: 1}
88.16%	{background-image: url('../video2/video67.jpg');opacity: 0.9}
89.47%	{background-image: url('../video2/video68.jpg');opacity: 0.8}
90.79%	{background-image: url('../video2/video69.jpg');opacity: 0.7 }
92.11%	{background-image: url('../video2/video70.jpg'); opacity: 0.6}
93.42%	{background-image: url('../video2/video71.jpg'); opacity: 0.5}
94.74%	{background-image: url('../video2/video72.jpg'); opacity: 0.4}
96.05%	{background-image: url('../video2/video73.jpg'); opacity: 0.3}
97.37%	{background-image: url('../video2/video74.jpg'); opacity: 0.21}
98.68%	{background-image: url('../video2/video75.jpg'); opacity: 0.11}
100.00%	{background-image: url('../video2/video76.jpg'); opacity: 0;}


}
*/
.videoimg{
	display: block;
background-repeat: no-repeat;
	background-size: 100% 100%;
	/*animation: gif 5.08s ; */

}


}
@media  screen and (max-width: 1440px){
#yuwen {
	zoom:.8
}
.zj-menu{ margin-left:556px}

.book {
	margin-top:84px;
	min-height:770px;

}