p{ margin:0; padding:0;}
body{-webkit-tap-highlight-color: rgba(0,0,0,0)}
.mask {
    position:fixed;
    left: 0;
    top: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    display: none;
}
.tc_ceng{ width:68.43%;height: auto;position: fixed;  left:19.06%; top:10%; display: none;z-index: 45; }
.close {position: fixed;width:2.5rem; height:2.5rem;z-index: 11;right:13%;top:10%;display: block; }
.tang{width: 100%;height: 100%;overflow: hidden; position: fixed; left: 0; top: 0; display: none;z-index: 45;}
.fk011 {background-size: 100% 100%; width: 94%;position: absolute;
    height: 55%;left: 3%;top: 38%;}
.fk01 {overflow-y: scroll;background-size: 100% 100%; width: 94%;position: absolute;
    height: 55%;left: 3%;top: 38%;}
.fk01::-webkit-scrollbar {width:2px;height:5px;margin-right:2px;}
.fk01::-webkit-scrollbar-track-piece {background-color:#b9b9b9;}
.fk01::-webkit-scrollbar-thumb {background:#dd0000;width:2px;border-radius:30px;}
.fk01::-webkit-scrollbar-thumb:hover {background:#1ba1e2;}
.fk01::-webkit-scrollbar-corner {display:none;}
/*1*/
.next{ position: absolute; bottom:0%; left:46.8%; width:7%; z-index:10;}
.page1-1{ position:absolute; left:0%; top:23%; width:100%;}
.page1-2{ position:absolute; left:0%; top:34%; width:100%;}
.page1-20{ position:absolute; left:0%; top:90%; width:100%;}
.page1-3{ position:absolute; left:0%; top:2%; width:100%;}
.page1-30{ position:absolute; left:0%; top:8%; width:100%;}

.page-con9{ background:url(../img/bg8.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;}
.page9-1{ position:absolute; left:0%; top:0%; width:100%;}
.page9-2{ position:absolute; left:0%; top:25%; width:100%;}
.page9-3{ position:absolute; left:0%; top:47%; width:100%;}
.page9-4{ position:absolute; left:0%; top:69%; width:100%;}
.page9-5{ position:absolute; left:0%; top:91%; width:100%;}


.page-con1{ background:url(../img/bg.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;}

.p1-box1{position: absolute;
    background-size: 100% 100%; padding-bottom:150%; position: absolute; 
            top:50%;
            left:50%;
            width:100%;
            transform:translate(-50%,-50%);
            text-align: center;
    overflow: hidden;
   }
   /*2*/
   .page-2{position:absolute; left:0%; top:19%; width:100%;}
   .page-3{position:absolute; left:0%; top:20%; width:100%;}
   .page-4{position:absolute; left:0%; top:21%; width:100%;}
   .page-5{position:absolute; left:0%; top:21%; width:100%;}
     .page-6{position:absolute; left:0%; top:22%; width:100%;}
	 .page-7{position:absolute; left:0%; top:14%; width:100%;} 
	 .page-22{position:absolute; left:0%;  top:59%; width:100%; z-index:1}
	  .page-33{position:absolute; left:0%; top:62.6%; width:100%; z-index:1}
	   .page-44{position:absolute; left:0%; top:63%; width:100%; z-index:1}
	    .page-55{position:absolute; left:0%; top:58%; width:100%; z-index:1}
		 .page-66{position:absolute; left:0%; top:62.5%; width:100%; z-index:1}
		  .page-77{position:absolute; left:0%; top:52%; width:100%; z-index:1}
 .page-con2{ background:url(../img/bg1.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;}  
  .page2-1{ position:absolute; left:0%; top:3%; width:100%;}
    .page3-1{ position:absolute; left:0%; top:7%; width:100%;}
	  .page4-1{ position:absolute; left:0%; top:5%; width:100%;}
	    .page5-1{ position:absolute; left:0%; top:5%; width:100%;}
		  .page6-1{ position:absolute; left:0%; top:5%; width:100%;}
		    .page7-1{ position:absolute; left:0%; top:3%; width:100%;}
   
  .page2-2{ position:absolute; left:0%; top:73%; width:100%;} 
  .page2-3{ position:absolute; left:0%; top:78.5%; width:100%;} 
  .page2-4{ position:absolute; left:0%; top:83%; width:100%;} 
  .page2-5{ position:absolute; left:0%; top:89%; width:100%;}
  .page2-6{ position:absolute; left:0%; top:87%; width:100%;} 
  


   /*3*/ 
   .page-con3{ background:url(../img/bg2.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;} 
  .page3-2{ position:absolute; left:0%; top:78%; width:100%;} 
  .page3-3{ position:absolute; left:0%; top:83%; width:100%;} 
  .page3-4{ position:absolute; left:0%; top:88%; width:100%;} 
  .page3-5{ position:absolute; left:0%; top:88%; width:100%;}
  .page3-6{ position:absolute; left:0%; top:93%; width:100%;} 
  .page3-7{ position:absolute; left:0%; top:87%; width:100%;}
     /*4*/ 
	.page-con4{ background:url(../img/bg3.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;} 
	.page4-2{ position:absolute; left:0%; top:79%; width:100%;} 
  .page4-3{ position:absolute; left:0%; top:84%; width:100%;} 
  .page4-4{ position:absolute; left:0%; top:89%; width:100%;} 
  .page4-5{ position:absolute; left:0%; top:78%; width:100%;}
  .page4-6{ position:absolute; left:0%; top:83%; width:100%;} 
  .page4-7{ position:absolute; left:0%; top:89%; width:100%;}
.subject-hrefnew {
    position: absolute;
    top: 68%;
    left:20%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 4em;
    height: 4em;
    text-decoration: none;
    z-index: 1;
    overflow: hidden;
}

.subject-hrefnew>.anim {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    border-radius: 100%;
    background-color: #000000;
  
    
}


.subject-hrefnew>.shadow {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    background-color: #000000;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.subject-hrefnew>.dot {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
 
   /*5*/ 
	.page-con5{ background:url(../img/bg4.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;} 
	.page5-2{ position:absolute; left:0%; top:79%; width:100%;} 
  .page5-3{ position:absolute; left:0%; top:84%; width:100%;} 
  .page5-4{ position:absolute; left:0%; top:89%; width:100%;} 
  .page5-5{ position:absolute; left:0%; top:78%; width:100%;}
  .page5-6{ position:absolute; left:0%; top:83%; width:100%;} 
  .page5-7{ position:absolute; left:0%; top:89%; width:100%;}
    /*6*/ 
	.page-con6{ background:url(../img/bg5.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;} 
	.page6-2{ position:absolute; left:0%; top:79%; width:100%;} 
  .page6-3{ position:absolute; left:0%; top:84%; width:100%;} 
  .page6-4{ position:absolute; left:0%; top:89%; width:100%;} 
  .page6-5{ position:absolute; left:0%; top:78%; width:100%;}
  .page6-6{ position:absolute; left:0%; top:83%; width:100%;} 
  .page6-7{ position:absolute; left:0%; top:89%; width:100%;}
	 /*7*/ 
	.page-con7{ background:url(../img/bg6.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;} 
	.page7-2{ position:absolute; left:0%; top:75%; width:100%;} 
 .page7-3{ position:absolute; left:0%; top:80%; width:100%;} 
  .page7-4{ position:absolute; left:0%; top:85%; width:100%;} 
  .page7-5{ position:absolute; left:0%; top:90%; width:100%;}
   .page7-7{ position:absolute; left:0%; top:95%; width:100%;} 
  .page7-8{ position:absolute; left:0%; top:89%; width:100%;}
   .page7-9{ position:absolute; left:0%; top:95%; width:100%;}
  
  .page7-6{ position:absolute; right:5%; top:12%; width:15.7%; z-index:1}
	 /*8*/ 
	.page-con8{ background:url(../img/bg7.jpg);background-size: 100%; background-repeat: no-repeat; background-position: center center;} 
	.page8-2{ position:absolute; right:3%; top:3%; width:53.4%;} 
  .page8-3{ position:absolute; left:0%; top:27%; width:100%;} 
  .page8-4{ position:absolute; left:0%; top:83%; width:100%;} 

	/*音乐*/

.song{
  position: absolute;
  top: 10px;
  right: 10px;
  width:45px;
  height: 43.5px;
  background: url(../img/music1.png) no-repeat;
  background-position: 0 0;
  z-index: 99;
  -webkit-tap-highlight-color:rgba(255,255,255,0);
}
.off{
  background-position: 0 -43.5px;
}
#loading{position:fixed;top:0;left:0;width:100%;height:100%;color:#000;z-index:999;font-size:24px;text-align:center;display:-webkit-box;-webkit-box-align: center;-webkit-box-pack:center; background:#000000;background-size: 100%; background-repeat: no-repeat; background-position: center center;}
.loadingImg{height:40px;margin:-30px 0 10px 0;display: block;}
.loading_icon{position:absolute;left:0;top:0%;width:100%;height:100%;background-size:100% 100%;}
.loading_process{width:361px;height:34px;position:absolute;left:50%;margin-left:-180px;bottom:40.8%;}
.loading_process span{position:absolute;left:0;top:0;height:100%;-webkit-transition:all .5s ease-in-out;}
.loading_process span i{position:absolute;width:36px;height:41px;bottom:16px;right:0;margin-right:-18px;}
.percent_word{width:100%;height:80px;line-height:40px;text-align:center;position:absolute;bottom:60px;left:0;font-size:17px;color:#c19f5c; font-family:"微软雅黑"}
.orientation_set{display:none;}
@media screen and (orientation:landscape){
    .orientation_set{display:block; position:fixed;top:0;left:0;color:#fff;width:100%;height:100%;background:#397ddb;text-align:center; display:-webkit-box;-weibit-box-pack:center;-webkit-box-align:center;z-index:9999;font-size:14px;line-height: 2em;Microsoft YaHei;}
    .orientation_set img{display:inline-block;-webkit-animation:zhuan 1.5s .3s infinite;}
    .orientation_set > div{width:100%;}
}
@-webkit-keyframes zhuan {
    0%{-webkit-transform: rotate(0deg);opacity: 1;}
    50%{-webkit-transform: rotate(-90deg);opacity: 1;}
    100% {-webkit-transform: rotate(0deg);opacity: 1;}
}