.liuzi-box{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 100000;display:none;}

.liuzi-box .liuzi-body{ position:absolute; z-index: 2; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%);  border-radius: 10px; overflow: hidden; width: 550px; }

.liuzi-box .liuzi-mask{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background: #000; opacity: 0.5;}

.liuzi-box .liuzi-body .title{ position: relative; background: url(../images/xt1.png) center #1567d9; background-size: cover; text-align: center; padding: 20px;  color: #fff;}

.liuzi-box .liuzi-body .close{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url(../images/xt2.png) center; opacity: 1;}

.liuzi-box .liuzi-body .content{background: #fff; padding: 30px;}

.liuzi-box .item-list{ display:none; }

.liuzi-box .item-list{ border-bottom: 1px solid #ddd; margin: 0 0 30px; padding-bottom: 10px;}

.liuzi-box .item-list .l{ display: inline-block; margin: 0 0 10px 20px;width:40%;}

.liuzi-box .item-list:first-child .l{width:20%;}

.liuzi-box .bottom{ text-align: center;}

.liuzi-box .bon{ display: inline-block; padding: 5px; min-width: 6em; background: #1567d9; color: #fff; border-radius: 5px; margin: 0 10px;}

.liuzi-box .bon.b1,

.liuzi-box .bon.b2{ background: #eee; color: #999;}





.moban1{ }

.moban1 a{ display: inline-block; color: #1567d9;}

.moban2{ position: relative; margin: 30px 0 40px; }

.moban2 input{ width: 100%; height: 100%; position:absolute; z-index: 2; opacity: 0; }

.moban2 .p1{ display: inline-block; min-width: 70%; padding:5px 10px; color: #aaa; border: 1px solid #ddd;}

.moban2 .p2{ display: inline-block;  background: #1567d9; border: 1px solid #1567d9; color: #fff; padding:5px 20px; margin-left: 10px; border-radius: 5px;}

.moban11 { margin-top: 10px;}

.moban11 a{ text-decoration:underline; color: #1567d9; display:inline-block;}

@media only screen and (max-width: 760px){

    .liuzi-box .liuzi-body{ width: 90%;}

    .liuzi-box .liuzi-body .content{ padding: 20px;}
	.liuzi-box .item-list dt{
		float: none;
		margin-bottom: 10px;
	}
	.liuzi-box .item-list .l{
		margin: 0 0 10px 0px;
		    width: 42%;
	}

}

#test1 {cursor: pointer;}



.process-box{ text-align: center;}

.process-box img{ max-width: 100%; height: auto;}

.process-box .item{ padding: 5% 0;}

.process-box .item .t{ margin-bottom: 2%;}

.process-box .item:nth-child(2n){ background: #f5f5f5; }



#div1 iframe{ width:100% !important; height:353px !important;}



.guojia .yuan{ position: absolute; z-index: 10; pointer-events: none;}

.china .yuan{ left: 39.6%; top: 31.1%; transform: scale(2);}

.meiguo .yuan{left: 70.5%; top: 76%;}

.beifei .yuan{left: 25%; top: 20%;}
/* sj 20230526 add sta */
.shanghai .yuan{ left: 38%; top: 51.1%; transform: scale(2);}
/* sj 20230526 add end */

.guojia .yuan i{position: absolute;width: 5px; height: 5px; border-radius: 50%; }



.guojia .yuan i.i0{background: #fff; z-index: 4;}

.guojia .yuan i.i1{ background: #fff; z-index: 3;}

.guojia .yuan i.i2{ background: #fff;z-index: 2;}

.guojia .yuan i.i3{background: #fff;z-index: 1;}



.guojia .yuan{ opacity: 0; transition: 0.2;}

.guojia .yuan.ani { opacity: 1;}



 .yuan.ani i.i0{animation: scale0 2.0s 1 forwards; }

 .yuan.ani i.i1{animation: scale1 1.8s 1 forwards; }

 .yuan.ani i.i2{animation: scale2 1.6s 1 forwards; }

 .yuan.ani i.i3{animation: scale3 1.5s 1 forwards; }



.m1 .china .yuan i.i0{ background: red; }

.m2 .beifei .yuan i.i0{ background: red; }

.m3 .meiguo .yuan i.i0{ background: red; }
/* sj 20230526 add sta */
.m4 .shanghai .yuan i.i0{ background: red; }
/* sj 20230526 add end */

@media all and (max-width:1000px) {
	#div1 iframe{
		height: 385px !important;
	}
	
}






@keyframes scale0{0%{ transform: scale(0); opacity:0} 10%{ transform: scale(1); opacity:0.8}100%{ transform: scale(2); opacity: 0;}}

@keyframes scale1{0%{ transform: scale(0); opacity:0} 10%{ transform: scale(1); opacity:1}100%{ transform: scale(5); opacity: 0;}}

@keyframes scale2{0%{ transform: scale(0); opacity:0} 10%{ transform: scale(1); opacity:1;}100%{ transform: scale(10);opacity:0;}}

@keyframes scale3{0%{ transform: scale(0); opacity:0} 10%{ transform: scale(1); opacity:1;}100%{ transform: scale(15);opacity:0;}}