@keyframes fade-in{  
    0%{ opacity: 0;}
    100%{opacity:1;}
}
@-webkit-keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
@-ms-keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
@-o-keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
@-moz-keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}

.xn1{height:26rem;}
.bg1d{ font-size: 19px; color: #fff;  text-align: left; display: block; position: absolute; top: 28%; margin-left: 12%; line-height: 1.8rem;
opacity: 0;      /*实先规定文字的状态是不显示的*/
    animation: fade-in 1s ease 0.2s 1;    /*调用名称为fade-in的动画，全程动画显示时间4S，进入方式为ease，延时0S进入，播放次数1次*/
    -webkit-animation: fade-in 1s ease 0.2s 1;
    -moz-animation: fade-in 1s ease 0.2s 1;
    -o-animation: fade-in 1s ease 0.2s 1;
    -ms-animation: fade-in 1s ease 0.2s 1;
    
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards;

}
.bg2d{ font-size: 59px; color: #fff;  text-align: center; font-weight: bold; display: block; position: absolute; top: 42%; margin-left:12%;
    opacity: 0; 
    animation: fade-in 1.5s ease 0.5s 1;    /*调用名称为fade-in的动画，全程动画显示时间4S，进入方式为ease，延时0S进入，播放次数1次*/
    -webkit-animation: fade-in 1.5s ease 0.5s 1;
    -moz-animation: fade-in 1.5s ease 0.5s 1;
    -o-animation: fade-in 1.5s ease 0.5s 1;
    -ms-animation: fade-in 1.5s ease 0.5s 1;
    
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards;
}

.bg1dx{ font-size: 19px; color: #fff;  text-align: left; display: block; position: absolute; top: 28%; margin-left: 12%; line-height: 1.8rem;
opacity: 0.8; background: #b5b5b5;    padding: 2rem 3rem;    /*实先规定文字的状态是不显示的*/
 color: #000; height: 100%;

}
.bg2dx{ font-size: 29px; color: #fff;  text-align: left; font-weight: bold; display: block; position: absolute; top: 42%; margin-left:12%;
    opacity: 0;  background: #b5b5b5;  height: 13rem; padding: 2rem;  line-height: 4.5rem;  
    animation: fade-in 1.5s ease 0.5s 1;    /*调用名称为fade-in的动画，全程动画显示时间4S，进入方式为ease，延时0S进入，播放次数1次*/
    -webkit-animation: fade-in 1.5s ease 0.5s 1;
    -moz-animation: fade-in 1.5s ease 0.5s 1;
    -o-animation: fade-in 1.5s ease 0.5s 1;
    -ms-animation: fade-in 1.5s ease 0.5s 1;
    
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards;
}


.white_content {
display: none;
position: fixed;
left:50%;top:50%;
transform:translate(-50%,-50%);	
width: 100%;
height: 100%;
padding: 0.5%;
background-color: white;
z-index:9999;
overflow-y: none;    
}
.cpxqgb{width:2.5%; padding: 0%;}
.cpxqys{margin: 0 auto; padding: 0.5%; text-align: center;}
.cpimg{ padding-left: 1%; }

.mmsp{width: 18px; height: 18px;max-width:18px;}
.cpszie{font-size: 10px; color: #bdbdbd}
.hdr1{display: none;}
.hdr2{display: block;}
.e11{display:none;position:absolute;transform: translate(26%, -3%);}

.center1 {
	margin-left: 0;
	margin-right: 0;
}


@media screen and (max-width: 767.98px) {
    .xn1{height:6rem;}
    .bg1d{ font-size:11px; color: #fff;  text-align: left; display: block; position: absolute; top: 25%; margin-left: 12%;}
    .bg2d{ font-size: 26px; color: #fff;  text-align: center; font-weight: bold; display: block; position: absolute; top: 53%; margin-left:12%;}
    .bg1dx{ font-size:11px; color: #000;  text-align: left; display: block; position: absolute; top: 25%; margin-left: 12%; padding: 1rem;}
    .bg2dx{ font-size: 26px; color: #fff;  text-align: left; font-weight: bold; display: block; position: absolute; top: 53%; margin-left:12%; height: 8rem; line-height: 2.5rem;padding: 1rem;}
    
ul.inline>li {
	display: none;
}
 .h3,h3 {
	font-size: 0.575rem
}
.h2,h2 {
	font-size: 0.575rem
}  
.h6,h6 {
	font-size: 11px;
}
 
 .column.s13{width: 50%;}
 .row.coll1{text-align: center}
    
    
.t-underline{font-size: 0.975rem}
.hdr1{display: block;}
.hdr2{display: none;}
.cpxqgb{width:14.5%; padding: 4%;}
.cpxqys{margin: 0 auto; padding: 0.5%; text-align: center;}
.cpimg{  padding: 12%; } 

.e11{display:none;position:absolute;transform: translate(36%, -75%);} 
.center1 {
	text-align: center;
	margin-left: auto;
	margin-right: auto
} 
    
    
}