html{
-ms-touch-action:none;  /* 阻止windows Phone 的默认触摸事件 */
}
body,div,p{
	margin:0;
	padding:0;
}
ul,li{list-style:none;}
img{border:none;}
body{
	width:100%;
	*cursor:default;
	font:16px/1.5 "Microsoft YaHei",Helvetica,STHeiti STXihei,Microsoft JhengHei,Arial;
	
}
#box{background:#122D88 url(../images/bg.jpg) no-repeat center top;
    background-size:100% auto;height:25rem; overflow:hidden}
.contain{
	width:100%;
	height:100%;
	position:relative;
	z-index:0;
}

.none{ display:none}



/* 页面元素 */
.contain{overflow:hidden;}
.contain ul{position:absolute; width:100%; height:100%; margin:0; padding:0;}
.contain li img{position:absolute; z-index:10;}

.loading{ width:100%; height:100%; background:#fff; position:absolute; margin:0 auto; z-index:10000;}
.loading img{ position:absolute; top:50%; left:50%; margin-top:-0.86rem; margin-left:-1.08rem;  z-index:10001; width:2.16rem; height:1.73rem;}

/* 箭头 */
.arrow_up {position:fixed; bottom:0.1rem; right:0; width:0.4rem; height:auto; z-index:9999;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
-webkit-animation:arrow_up 1s linear 0s infinite alternate;
animation:arrow_up 1s linear 0s infinite alternate;
}
@-webkit-keyframes arrow_up {
from {bottom:0.1rem;}
to {bottom:0.25rem;}
}
@keyframes arrow_up {
from {bottom:0.1rem;}
to {bottom:0.25rem;}
}

.tb01 table td{ border:1px solid #efefef;}

/* 自适应框架（设计图宽度） */
body{
	max-width:7.5rem;
	margin:0 auto;
}
body *{
	max-width:7.5rem;
}

.fb{font-weight:bold}
.t1{color:#97F0FD}
.t2{color:#fff}
.t3{color:#FFCC33}
.t4{color:#666666}
.t5{color:#CC0000}
.t6{color:#3EBFFD}
.t7{color:#FF9900}
.f16{font-size:0.7em;}
.f18{font-size:0.85em;}
.f20{font-size:0.9em;}
.f22{font-size:0.95em;}
.f24{font-size:1em;}
.f26{font-size:1.05em;}
.f30{font-size:1.07em;}
.f37{font-size:1.1em;}
.f40{font-size:1.6em;}
.lh120{line-height:120%}
.lh140{line-height:140%}
.lh160{line-height:160%}
.lh180{line-height:180%}
.kg{text-indent:2em;}
@media screen and (max-width: 640px) {
	.f16{font-size:0.7em;}
	.f18{font-size:0.85em;}
	.f20{font-size:0.9em;}
	.f22{font-size:0.95em;}
	.f24{font-size:1em;}
	.f26{font-size:1.05em;}
	.f30{font-size:1.07em;}
	.f37{font-size:1.2em;}
    .f40{font-size:1.6em;}
}

@media screen and (max-width: 414px) {
	.f16{font-size:0.5em;}
	.f18{font-size:0.65em;}
	.f20{font-size:0.7em;}
	.f22{font-size:0.75em;}
	.f24{font-size:0.8em;}
	.f26{font-size:0.85em;}
	.f30{font-size:0.95em;}
	.f37{font-size:1.2em;}
    .f40{font-size:1.6em;}
}

@media screen and (max-width: 400px) {
	.f16{font-size:0.5em;}
	.f18{font-size:0.65em;}
	.f20{font-size:0.7em;}
	.f22{font-size:0.75em;}
	.f24{font-size:0.8em;}
	.f26{font-size:0.85em;}
	.f30{font-size:0.95em;}
	.f37{font-size:1.2em;}
    .f40{font-size:1.6em;}
}

@media screen and (max-width: 392px) {
	.f16{font-size:0.45em;}
	.f18{font-size:0.6em;}
	.f20{font-size:0.65em;}
	.f22{font-size:0.7em;}
	.f24{font-size:0.75em;}
	.f26{font-size:0.8em;}
	.f30{font-size:0.9em;}
	.f37{font-size:1.1em;}
    .f40{font-size:1.5em;}
}

@media screen and (max-width: 385px) {
	.f16{font-size:0.45em;}
	.f18{font-size:0.6em;}
	.f20{font-size:0.65em;}
	.f22{font-size:0.7em;}
	.f24{font-size:0.75em;}
	.f26{font-size:0.8em;}
	.f30{font-size:0.9em;}
	.f37{font-size:1.1em;}
    .f40{font-size:1.5em;}
}
@media screen and (max-width: 375px) {
	.f16{font-size:0.45em;}
	.f18{font-size:0.6em;}
	.f20{font-size:0.65em;}
	.f22{font-size:0.7em;}
	.f24{font-size:0.75em;}
	.f26{font-size:0.8em;}
	.f30{font-size:0.9em;}
	.f37{font-size:1.1em;}
    .f40{font-size:1.5em;}
}
@media screen and (max-width: 359px) {
	.f16{font-size:0.4em;}
	.f18{font-size:0.5em;}
	.f20{font-size:0.55em;}
	.f22{font-size:0.6em;}
	.f24{font-size:0.65em;}
	.f26{font-size:0.7em;}
	.f30{font-size:0.8em;}
	.f37{font-size:0.9em;}
    .f40{font-size:1.3em;}
}



.sub_page1,.sub_page2,.sub_page3,.sub_page4,.sub_page5,.sub_page6,.sub_page7{width:100%;
	height:100vh;
	overflow:hidden;
	position:absolute;
	background:#122D88;background:url(../images/bg.jpg) no-repeat 50%;}
.sub_page1,.sub_page2,.sub_page3,.sub_page4,.sub_page5,.sub_page6,.sub_page7{

-webkit-background-size:cover;
-moz-background-size:cover;
-ms-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

	.ts_btn{-webkit-animation: warn 3s ease-out infinite;  
    -moz-animation: warn 3s ease-out infinite;  
    animation: warn 3s ease-out infinite; }
	
	@keyframes warn {  
    0% {  
        transform: scale(0.95);  
        
    }  
    
    50% {  
        transform: scale(1.08);  
       
    }  
   
    100% {  
        transform: scale(0.95);  
       
    }  
}  
@-webkit-keyframes "warn" {  
    0% {  
        -webkit-transform: scale(0.95);  
         
    }  
    50% {  
        -webkit-transform: scale(1.08);  
         
    }  
    
    100% {  
        -webkit-transform: scale(0.95);  
        
    }  
}  

.ts_btn2{-webkit-animation: warn2 2s ease-out infinite;  
    -moz-animation: warn2 2s ease-out infinite;  
    animation: warn2 2s ease-out infinite; }
	
	@keyframes warn2 {  
    0% {  
        -webkit-transform: scale(1);  
         
    }  
    
    50% {  
        -webkit-transform: scale(1.1);  
        
    }  
     
    100% {  
        -webkit-transform: scale(1);  
        
    }  
}  
@-webkit-keyframes "warn2" {  
    0% {  
        -webkit-transform: scale(1);  
         
    }  
    50% {  
        -webkit-transform: scale(1.1);  
         
    }  
    
    100% {  
        -webkit-transform: scale(1);  
        
    }  
}