@keyframes warn {
	0% {
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
		opacity: 0.0;
	}
	25% {
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
		opacity: 0.1;
	}
	50% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
		opacity: 0.3;
	}
	75% {
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		opacity: 0.5;
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0.0;
	}
}

@keyframes warn1 {
	0% {
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
		opacity: 0.0;
	}
	25% {
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
		opacity: 0.1;
	}
	50% {
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
		opacity: 0.3;
	}
	75% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		opacity: 0.0;
	}
}

.yuan {
	position: relative;
	width: 2.8%;
	height: 5.817%;
	left: 10px;
	top: 10px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}


/* 保持大小不变的小圆点 */

.test-dot {
	position: absolute;
	width: 12.5%;
	height: 12.5%;
	left: 28.9%;
	top: 29%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 1px solid #ea5529;
	border-radius: 50%;
	background-color: #ea5529;
	/* 实心圆 ，如果没有这个就是一个小圆圈 */
	z-index: 2;
}


/* 产生动画（向外扩散变大）的圆圈 第一个圆 */

.pulse {
	position: absolute;
	width: 70%;
	height: 70%;
	left: 0px;
	top: 0px;
	border: 1px solid #ea5529;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
	opacity: 0;
	-webkit-animation: warn 3s ease-out;
	-moz-animation: warn 3s ease-out;
	animation: warn 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	box-shadow: 1px 1px 30px #ea5529f;
	/* 阴影效果 */
}


/* 产生动画（向外扩散变大）的圆圈 第二个圆 */

.pulse1 {
	position: absolute;
	width: 70%;
	height: 70%;
	left: 0px;
	top: 0px;
	border: 1px solid #ea5529;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
	opacity: 0;
	-webkit-animation: warn1 3s ease-out;
	-moz-animation: warn1 3s ease-out;
	animation: warn1 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	box-shadow: 1px 1px 30px #ea5529;
	/* 阴影效果 */
}


/* 产生动画（向外扩散变大）的圆圈 第一个圆 */

.pulse2 {
	position: absolute;
	width: 70%;
	height: 70%;
	left: 0px;
	top: 0px;
	border: 1px solid #ea5529;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
	opacity: 0;
	-webkit-animation: warn 2s ease-out;
	-moz-animation: warn 2s ease-out;
	animation: warn 2s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	box-shadow: 1px 1px 30px #ea5529f;
	/* 阴影效果 */
}


/* 产生动画（向外扩散变大）的圆圈 第二个圆 */

.pulse3 {
	position: absolute;
	width: 70%;
	height: 70%;
	left: 0px;
	top: 0px;
	border: 1px solid #ea5529;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
	opacity: 0;
	-webkit-animation: warn1 2s ease-out;
	-moz-animation: warn1 2s ease-out;
	animation: warn1 2s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	box-shadow: 1px 1px 30px #ea5529;
	/* 阴影效果 */
}

.body1 {
	position: relative;
	overflow: hidden;
}
p{
   font-size:16px;
}


.box {
	position: absolute;
	left: 20%;
	top: 42%;
	border: none !important;
}

.box1 {
	position: absolute;
	left: 25.4%;
	top: 58.5%;
}

.box2 {
	position: absolute;
	left: 66%;
	top: 47%;
}

.box3 {
	position: absolute;
	left: 32%;
	top: 68%;
}
.boxnanmei101 {
	position: absolute;
	left: 29%;
	top: 78%;
}

.boxnanmei102 {
	position: absolute;
	left: 28%;
	top: 75%;
}
.boxnanmei103 {
	position: absolute;
	left: 27%;
	top: 65%;
}
.boxnanmei104 {
	position: absolute;
	left: 30%;
	top: 81%;
}
.box4 {
	position: absolute;
	left: 44%;
	top: 41%;
}

.box5 {
	position: absolute;
	left: 43.6%;
	top: 34%;
}

.box6 {
	position: absolute;
	left: 47.7%;
	top: 36.2%;
}

.box7 {
	position: absolute;
	left: 45%;
	top: 38%;
}

.box8 {
	position: absolute;
	left: 48%;
	top: 27%;
}

.box9 {
	position: absolute;
	left: 50.3%;
	top: 30.4%;
}

.box10 {
	position: absolute;
	left: 63.5%;
	top: 51%;
}

.box102 {
	position: absolute;
	left: 63%;
	top: 53%;
}

.box103 {
	position: absolute;
	left: 62.5%;
	top: 55%;
}

.box104 {
	position: absolute;
	left: 62%;
	top: 52%;
}

.box1041 {
	position: absolute;
	left: 62%;
	top: 50%;
}

.box1042 {
	position: absolute;
	left: 61%;
	top: 51%;
}

.box1043 {
	position: absolute;
	left: 62.5%;
	top: 57%;
}
.box105 {
	position: absolute;
	left: 65%;
	top: 49%;
}
.box1051 {
	position: absolute;
	left: 65%;
	top: 51%;
}

.box106 {
	position: absolute;
    left: 16%;
	top: 34%;
}

.box106ca1 {
	position: absolute;
    left: 25%;
	top: 37%;
}
.box106ca2 {
	position: absolute;
    left: 22%;
	top: 33%;
}
.box106ca3 {
	position: absolute;
    left: 18%;
	top: 32%;
}

.box1061 {
	position: absolute;
    left: 27%;
	top: 42%;
}

.box10611 {
	position: absolute;
    left: 18%;
	top: 45%;
}

.box10612 {
	position: absolute;
    left: 20%;
	top: 41%;
}

.box10613 {
	position: absolute;
    left: 23%;
	top: 43%;
}

.box107 {
	position: absolute;
	left: 83%;
	top: 71%;
}

.box108 {
	position: absolute;
	left: 72%;
	top: 54.5%;
}

.box11 {
	position: absolute;
	left: 68%;
	top: 55.2%;
}
.box111 {
	position: absolute;
	left: 67%;
	top: 54.5%;
}
.box12 {
	position: absolute;
	left: 46.5%;
	top: 31.5%;
}

.box13 {
	position: absolute;
	left: 72.3%;
	top: 56%;
}

.box14 {
	position: absolute;
	left: 49.5%;
	top: 43.5%;
}

.box15 {
	position: absolute;
	left: 76%;
	top: 74%;
}
.box151 {
	position: absolute;
	left: 78%;
	top: 76%;
}
.box1511 {
	position: absolute;
	left: 74%;
	top: 76%;
}
.box1611 {
	position: absolute;
	left: 84%;
	top: 84%;
}
.box16 {
	position: absolute;
	left: 29.5%;
	top: 79%;
}

.box17 {
	position: absolute;
	left: 30.5%;
	top: 73%;
}

.box18 {
	position: absolute;
	left: 50%;
	top: 77%;
}

.box19 {
	position: absolute;
	left: 59.5%;
	top: 37%;
}

.box20 {
	position: absolute;
	left: 65.3%;
	top: 51%;
}

.box21 {
	position: absolute;
	left: 18%;
	top: 31%;
}

.box22 {
	position: absolute;
	left: 55%;
	top: 51%;
}

.box23 {
	position: absolute;
	left: 65%;
	top: 29%;
}

.box24 {
	position: absolute;
	left: 69%;
	top: 39%;
}

.box25 {
	position: absolute;
	left: 72%;
	top: 51%;
}
.box26 {
	position: absolute;
	left:67.5%;
	top: 38%;
}
.box27 {
	position: absolute;
	left: 50%;
	top: 39%;
}
.box28 {
	position: absolute;
	left: 47.5%;
	top: 41%;
}
.box29 {
	position: absolute;
	left: 46.5%;
	top: 39.5%;
}
.box30 {
	position: absolute;
	left: 51.5%;
	top: 49.5%;
}

.box52 {
	position: absolute;
	left: 53%;
	top: 56%;
}
.box5201 {
	position: absolute;
	left: 53%;
	top: 50%;
}
.box5202 {
	position: absolute;
	left: 54%;
	top: 53%;
}
.box5203 {
	position: absolute;
	left: 52%;
	top: 48%;
}

.box5204 {
	position: absolute;
	left: 51%;
	top: 43%;
}
.box5205 {
	position: absolute;
	left: 54%;
	top: 46%;
}
.box5206 {
	position: absolute;
	left: 53%;
	top: 31%;
}
.box5207 {
	position: absolute;
	left: 51%;
	top: 36%;
}
.box5208 {
	position: absolute;
	left: 49%;
	top: 35%;
}
.box5209 {
	position: absolute;
	left: 48%;
	top: 36%;
}
.box5210 {
	position: absolute;
	left: 50%;
	top: 38%;
}
.box5211 {
	position: absolute;
	left: 49%;
	top: 39%;
}

.box31 {
	position: absolute;
	left: 21%;
	top: 51%;
}
.box32 {
	position: absolute;
	left: 27%;
	top: 60.5%;
}

.box33 {
	position: absolute;
	left: 73.5%;
	top: 44.5%;
}
.partner {
	background: #f0f0f0;
	margin: 0;
	padding: 0;
}

.container>h2 {
	color: #ea5529;
	text-align: center;
	padding: 3% 0 2% 0;
}

.container>p {
	text-align: center;
	padding: 0% 0 2% 0;
}

.swiper-container {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.swiper-slide {
	text-align: left;
	font-size: 18px;
	background: none;
	height: auto;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 0 !important;
}

.vietnam {
	background-image: url(../../images/comment/haopingbanner1.jpg);
}

.swiper-slide {
	display: block;
}

.swiper-button-next {
	background-image: none !important;
}

.partner-next {
	background: url(../../images/comment/next.png) no-repeat center !important;
}

.swiper-slide h2 {
	color: #ea5529;
	margin-bottom: 0 !important;
	font-size: 2.0rem;
}

.swiper-slide h2,
.swiper-slide>p {
	text-align: left;
}

.box-img1 img,
.box-img2 img,
.box-img3 img,
.box-img4 img,
.box-img402 img,
.box-img403 img,
.box-img404 img,
.box-img405 img,
.box-img5 img,
.box-img6 img,
.box-img7 img,
.box-img8 img,
.box-img9 img,
.box-img10 img,
.box-img11 img,
.box-img12 img,
.box-img13 img,
.box-img14 img,
.box-img15 img,
.box-img16 img,
.box-img17 img,
.box-img18 img,
.box-img19 img,
.box-img20 img,
.box-img21 img,
.box-img22 img {
	width: 30%;
	height: auto;
}

.box-img1 {
	height: 14%;
	width: 14%;
	display: none;
	z-index: 1;
	position: absolute;
	left: 41%;
	top: 37%;
}

.box-img2 {
	height: 14%;
	width: 14%;
	display: none;
	z-index: 1;
	position: absolute;
	left: 31%;
        top: 73%;
}

.box-img3 {
	height: 14%;
	width: 14%;
	display: none;
	z-index: 1;
	position: absolute;
	left: 61.3%;
	top: 55%;
}

.box-img4 {
	height: 14%;
	width: 14%;
	display: none;
	z-index: 1;
	position: absolute;
	left: 48%;
	top: 32%;
}

.box-img402 {
	height: 14%;
	width: 14%;
	display: none;
	z-index: 1;
	position: absolute;
	left: 47.5%;
	top: 34%;
}
.box-img403 {
	height: 14%;
	width: 14%;
	display: none;
	z-index: 1;
	position: absolute;
	left: 47%;
	top: 36%;
}
.box-img404 {
	height: 14%;
	width: 14%;
	display: none;
	z-index: 1;
	position: absolute;
	left: 46%;
	top: 37%;
}
.box-img405 {
	height: 14%;
	width: 14%;
	display: none;
	z-index: 1;
	position: absolute;
	left: 46%;
	top: 37%;
}

.box-img406 {
	height: 14%;
	width: 14%;
	display: none;
	z-index: 1;
	position: absolute;
	left: 26%;
	top: 37%;
}


.box-img407 {
	height: 14%;
	width: 14%;
	display: none;
	z-index: 1;
	position: absolute;
	left: 46%;
	top: 37%;
}

.box-img408 {
	height: 14%;
	width: 14%;
	display: none;
	z-index: 1;
	position: absolute;
	left: 46%;
	top: 37%;
}
.box-img5 {
	height: 14%;
	width: 14%;
	display: none;
	z-index: 1;
	position: absolute;
	left: 75.5%;
	top: 77%;
}

.box-img6 {
	height: 14%;
	width: 14%;
	display: none;
	z-index: 1;
	display: none;
	position: absolute;
	left: 47%;
	top: 46%;
}

.box-img7 {
	height: 14%;
	width: 14%;
	z-index: 1;
	display: none;
	position: absolute;
	left: 32%;
	top: 73%;
}

.box-img8 {
	height: 14%;
	width: 14%;
	z-index: 1;
	display: none;
	position: absolute;
	left: 44.6%;
	top: 44.4%;
}

.box-img9 {
	height: 14%;
	width: 14%;
	z-index: 1;
	display: none;
	position: absolute;
	left: 33.5%;
	top: 70%;
}

.box-img10 {
	height: 14%;
	width: 14%;
	z-index: 1;
	display: none;
	position: absolute;
	left: 64.5%;
	top: 56.5%;
}

.box-img11 {
	height: 14%;
	width: 14%;
	z-index: 1;
	display: none;
	position: absolute;
	left: 43.5%;
	top: 24%;
}

.box-img12 {
	height: 14%;
	width: 14%;
	z-index: 1;
	display: none;
	position: absolute;
	left: 44.5%;
	top: 21%;
}

.box-img13 {
	height: 14%;
	width: 14%;
	z-index: 1;
	display: none;
	position: absolute;
	left: 23%;
	top: 56%;
}

.box-img14 {
	height: 14%;
	width: 14%;
	z-index: 1;
	display: none;
	position: absolute;
	left: 46.5%;
	top: 79%;
}

.box-img15 {
	height: 14%;
	width: 14%;
	z-index: 1;
	display: none;
	position: absolute;
	left: 56%;
	top: 30%;
}

.box-img16 {
	height: 14%;
	width: 14%;
	z-index: 1;
	display: none;
	position: absolute;
	left: 73.3%;
	top: 46.5%;
}

.box-img17 {
	height: 14%;
	width: 14%;
	display: none;
	z-index: 1;
	position: absolute;
	left: 45%;
	top: 30%;
}

.box-img18 {
	height: 14%;
	width: 14%;
	display: none;
	z-index: 1;
	position: absolute;
	left: 16%;
	top: 45%;
}

.box-img19 {
	height: 14%;
	width: 14%;
	display: none;
	z-index: 1;
	position: absolute;
	left: 27%;
	top: 44%;
}

.box-img20 {
	height: 14%;
	width: 14%;
	display: none;
	z-index: 1;
	position: absolute;
	left: 27%;
	top: 44%;
}

.box-img21 {
	height: 14%;
	width: 14%;
	display: none;
	z-index:1;
	position: absolute;
	left: 27%;
	top: 44%;
}

.box-img22 {
	height: 14%;
	width: 14%;
	display: none;
	z-index:1;
	position: absolute;
	left: 27%;
	top: 44%;
}

.partner-video {
	width: 100%;
	height: 100%;
	background: #000000;
	margin: 0 auto;
	display: none;
	z-index: 999999;
	position: fixed;
	left: 0%;
	top: 0%;
	opacity: 0.5;
	filter: Alpha(opacity=50);
	-moz-opacity: 0.5;
}

.us,.uk,.spain,.greece,.india,.india2,.india3,.india4,.india5,.india6,.india7,.bhutan,.pakistan,.canada,.canada1,.canada2,.canada3,.USA,.USA1,.USA2,.USA3,.vanuatu,.philippines,.thailand,.thailand2,.sweden,.south-africa,.bangladesh,.czech-republic,.korea,.kazakhstan,.france,.ecuador,.denmark,.brazil,.paraguay,.australia,.australia2,.australia3,.NewZealand,.korea,.estonia,.argentina,.costa-rica,.mongolia2,.romania,.italy,.italy2,.russia,.mexico,.colombia,.argentina,.argentina2,.chile,.peru,.egypt,.ethiopia,.saudi,.saudi2,.turkey,.iraq,.ukraine,.poland,.serbia{
	display: none;
	margin: 0 auto;
	margin-top: 10%;
	width: 43.69%;
	height: 49.5%;
	position: fixed;
	z-index: 99999999993;
	left: 28%;
	top: 0%;
}
.taiwan,.shate {
	display: none;
	margin: 0 auto;
	margin-top: 10%;
	width: 23.69%;
	height: 49.5%;
	position: fixed;
	z-index: 99999999993;
	left: 36%;
	top: 0%;
        vertical-align: middle;
}
.video-close {
	position: absolute;
	left: 71%;
	top: 16.5%;
}

.voice {
	position: absolute;
	width: 34%;
	height: 5.817%;
	left: 25%;
	top: 14%;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: #ea5529;
        opacity: 0.7;
		text-align: center;
}

.voice h2 {
	font-size: 2rem;
	text-align: center;
	line-height: 20px;	/*text-transform:Uppercase;*/
}

@media (max-width: 480px) {
	.voice h2 {
		font-size: 1.2rem;
	}
}

@media (max-width: 767px) {
	.voice h2 {
		font-size:  1.2rem;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.voice h2 {
		font-size: 1.2rem;
	}
}

@media (min-width: 980px) {
	.voice h2 {
		font-size: 1.5rem;
	}
}

@media (min-width: 1200px) {
	.voice h2 {
		font-size: 2rem;
		text-align: center;
	}
	.voice {
		width: 45%;
	}
}