*{
	margin: 0;
	padding: 0;
}
.clearfix:after {
	content: '';
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


.industry{
	background: url(/themes/asia/static/images/zz/industryBg.jpg) center center no-repeat;
	height: 988px;
	position: relative;
	overflow: hidden;
}
#canvasPIXI{
	width: 1297px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -648.5px;
	margin-top: -647px;
	z-index: 1;
	animation: zhuan 30s linear infinite ;
}
@keyframes zhuan{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
#canvasPIXI img{
	display: block;
}

.float{
	position: relative;
	z-index: 3;
}
.boxFloat{
	position: relative;
	width: 870px;
	margin: 0 auto;
}
.boxFloat .box{
	position: absolute;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	border: 1px solid #0080cc;
	border-radius: 50%;
	z-index: 3;
	left: 55%;
	top: 106px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	overflow: inherit;
}
.boxFloat .box.on{
	width: 75px;
	height: 75px;
	margin-left: -25.5px;
	margin-top: -25.5px;
	/*transform: scale(2.5);*/
	/*border-color: #fff;*/
}
.boxFloat .box.on span{
	width: 50px;
	height: 50px;
	left: 11px;
	top: 11px;
}

.boxFloat .box2{
	left: 758px;
	top: 320px;
}
.boxFloat .box3{
	left: 638px;
	top: 661px;
}
.boxFloat .box4{
	left: 151px;
	top: 729px;
}
.boxFloat .box5{
	left: 218px;
	top: 315px;
}


.boxFloat .box::before,
.boxFloat .box::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: -2px;
  top: -2px;
  border: 2px solid #0080cc;
  border-radius: 50%;
  animation: pulse 2s ease-out infinite;
}
.boxFloat .box::after {
  animation-delay: 1s;
}
@keyframes pulse {
  from {
    transform: scale(1);
    filter: opacity(0.9);
  }

  to {
    transform: scale(2);
    filter: opacity(0);
  }
}

.boxFloat .box span{
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	left: 4px;
	top: 4px;
	transition: all 0.3s ease-in-out;
	background-color: #0080cc;
	box-shadow: 0px 0px 32px 0px rgba(0, 160, 255, 0.59);
	z-index: 0;
}



.indFoat{
	position: absolute;
	width: 354px;
	left: 50%;
	margin-left: -177px;
	top: 300px;
}
.indFoat .indItem{
	display: none;
}
.indFoat .indItem img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.indFoat .indItem h5{
	padding: 10px 0 10px;
	text-align: center;
	position: relative;
	color: #0080cc;
	font-size: 20px;
	font-weight: normal;
	line-height: 2;
	margin-bottom: 14px;
}
.indFoat .indItem h5 .line{
	position: absolute;
	width: 72px;
	left: 50%;
	bottom: 0;
	margin-left: -36px;
	height: 1px;
	background-color: #0080cc;
}
.indFoat .indItem .txt{
	font-size: 16px;
	line-height: 1.875;
	margin-bottom: 14px;
	color: #40404e;
	letter-spacing: 2px;
	text-indent: 2em;
}
.indFoat .indItem .more{
	text-align: center;
}
.indFoat .indItem .more a{
	color: #0080cc;
	letter-spacing: 2px;
	font-size: 16px;
}










/* memorabilia */
.memorabilia{
	padding-top: 43px;
}
.memCon h1{
	font-size: 24px;
	color: #0080cc;
	line-height: 1;
	margin-bottom: 24px;
	letter-spacing: 5px;
	text-align: center;
	font-weight: inherit;
}
.memCon .memTxt{
	font-size: 18px;
	line-height: 1.5;
	color: #807f85;
	letter-spacing: 4px;
	text-align: center;
	margin-bottom: 42px;
}
.memSwiper{
	text-align: center;
	position: relative;
	overflow: hidden;
}
.memSwiper video, .memSwiper img{
	display: block;
	height: 720px;
	width: 100%;
	object-fit: cover;
	margin: 0 auto;
}
.memSwiper .swiper-slide{
	position: relative;
}
.memSwiper .swiper-slide.noon .memfloat{
	display: none;
}
.memSwiper .memfloat{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(64, 64, 78, 0.61);
	z-index: 2;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.memSwiper .memfloat .memfloatcon{
	max-width: 816px;
	margin: 0 auto;
}
.memSwiper .memfloat .memfloatcon .year{
	position: relative;
	width: 198px;
	margin: 0 auto;
	line-height: 2.45;
	font-size: 48px;
	border-bottom: 1px solid #fff;
	font-family: 'Hurme Geometric Sans 4';
	font-weight: bold;
	letter-spacing: 12px;
	margin-bottom: 30px;
}
.memSwiper .memfloat .memfloatcon .memFTxt{
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 1.666;
	margin-bottom: 35px;
}
.memSwiper .memfloat .memfloatcon .play{
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	cursor: pointer;
	/*background: url(../images/zz/play.png) no-repeat;*/
	/*opacity: 0.5;*/
}
.memSwiper .memfloat .memfloatcon .play svg{
	width: 100%;
	height: 100%;
}
.memPagination{
	padding: 54px 5%;
	margin: 0 auto 165px;
	position: relative;
	/*width: 90%;*/
	display: flex;
	justify-content: space-between;


    position: relative;
    overflow: hidden;
}
.memPagination:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #dbdbdb;
	top: 50%;
	margin-top: .5px;
	left: 0;
}
.memPagination span{
	display: block;
	margin: 0 auto;
	width: 19px;
	height: 19px;
	position: relative;
	opacity: 1;
	background-color: transparent;
	z-index: 3;
}
.memPagination span i{
	position: absolute;
    width: 60px;
    top: 40px;
    top: 18px;
    padding-top: 23px;
    text-align: center;
    left: 50%;
    margin-left: -30px;
    font-style: normal;
}
.memPagination span:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	box-sizing: border-box;
	border: 1px solid #0080cc;
	z-index: 2;
	border-radius: 50%;
	background-color: #fff;
	outline: none;
	transition: all 0.3s ease-in-out;
}
.memPagination span:after{
	content: '';
	border-radius: 50%;
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #fff;
	opacity: 0;
	/*transform: scale(1);*/
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease-in-out;
}
.memPagination span.swiper-pagination-bullet-active, .memPagination .swiper-slide-active span{
	/*transform: scale(2.8);*/
	border-color: #fff;
}
.memPagination span.swiper-pagination-bullet-active:before, .memPagination .swiper-slide-active span:before{
	border: 1px solid #fff;
	background-color: #0080cc;
}
.memPagination span.swiper-pagination-bullet-active:after, .memPagination .swiper-slide-active span:after{
	opacity: 1;
	width: 53px;
	height: 53px;
	background-color: #0080cc;
}


.memPagination .arr_l, .memPagination .arr_r{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    background: url(../image/left.png) center no-repeat;
    background-color: #0080cc;
    z-index: 3;
    border-radius: 50%;
    background-size: 20px auto;
}
.memPagination .arr_r{
    left: auto;
    right: 0;
    background-image: url(../image/right.png);
}


.videopop{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 6;
	display: none;
}
.videopop .videotan{
	position: absolute;
	left: 50%;
	top: 50%;
	/*transform: translate(-50%, -50%);*/
	margin-top: -225px;
	margin-left: -640px;
	width: 1280px;
}
.videopop .videotan .close{
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: #fff;
	cursor: pointer;
	z-index: 2;
	right: 20px;
	top: 20px;
	background: url(../image/close.png) center no-repeat #fff;
	background-size: 25px auto;
}
.videopop .videotan video{
	display: block;
	width: 100%;
	outline: none;
	height: 450px;
	background-color: #000;
}







/*actList*/
.actList{
	margin-top: 50px;
	position: relative;
	padding-bottom: 120px;
}
.actList .line{
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: 50%;
	margin-left: -0.5px;
	background-color: #bfbfbf;
}
.actL, .actR{
	float: left;
	width: 50%;
	position: relative;
	z-index: 2;
}
.actCon .artItem{
	width: 486px;
	margin-left: auto;
	position: relative;
	margin-bottom: 129px;
	padding-right: 42px;
}
.actCon .artItem:last-child{
	margin-bottom: 0;
}
.actCon .artItem .yuan{
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 8px solid #0080cc;
	background-color: #fff;
	z-index: 2;
	right: -13px;
	top: 0;
}
.actCon.actR .artItem .yuan{
	right: auto;
	left: -13px;
}
.actCon .tit{
	width: 525px;
	margin-left: auto;
	padding-right: 42px;
	margin-bottom: 100px;
}
.actCon .tit h1{
	font-size: 24px;
	text-align: right;
	font-weight: normal;
	margin-bottom: 24px;
	line-height: 1;
	margin-bottom: 15px;
	letter-spacing: 6px;
	color: #0080cc;
}
.actCon .tit .eng{
	display: block;
	font-weight: bold;
	font-size: 18px;
	line-height: 1;
	letter-spacing: 3px;
	color: #0080cc;
	text-align: right;
	margin-bottom: 20px;
}
.actCon .tit .tittxt{
	line-height: 30px;
	font-size: 16px;
	color: #656871;
	letter-spacing: 3px;
}

.actCon .artItem h4{
	font-size: 18px;
	color: #0080cc;
	line-height: 26px;
	font-weight: normal;
	text-align: right;
	letter-spacing: 3px;
}
.actCon .artItem .txt{
	line-height: 24px;
	font-size: 14px;
	color: #656871;
	text-align: right;
	padding-bottom: 18px;
	border-bottom: 1px solid #b2d9f0;
	margin-bottom: 22px;
	letter-spacing: 3px;
}
.actCon .artItem .swiper{
	position: relative;
	height: 294px;
}
.actCon .artItem .swiper img{
	position: absolute;
	display: block;
	max-width: 100%;
	box-shadow: 0px 29px 57px 0px rgba(0, 128, 204, 0.43);
	opacity: 0;
	z-index: 0;
}
.actCon .artItem .swiper img.cur{
	opacity: 1;
	z-index: 3;
}
.actCon .artItem .swiper img.cur.zoom{
	transition: all 0.7s ease-in-out;
}
.actCon .artItem .swiper img.next1{
	opacity: 0.7;
	transform: translate(-38px, 35px);
	z-index: 2;
	transition: all 0.7s ease-in-out;
}
.actCon .artItem .swiper img.next2{
	opacity: 0.3;
	transform: translate(-74px, 68px);
	z-index: 1;
	transition: all 0.7s ease-in-out;
}

.actCon.actR .artItem{
	margin-left: 0;
	margin-right: 0;
	padding-left: 42px;
}
.actCon.actR .artItem h4, .actCon.actR .artItem .txt{
	text-align: left;
}
.actCon.actR .artItem .swiper img.next1{
	transform: translate(38px, 35px);
}
.actCon.actR .artItem .swiper img.next2{
	transform: translate(74px, 68px);
}





/* project */
.project{

}
.itemnav{
	text-align: center;
	padding: 57px 60px;
	letter-spacing: -8px;
}
.itemnav a{
	position: relative;
	letter-spacing: 0;
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	background-color: #f6f6f6;
	vertical-align: middle;
	line-height: 70px;
	margin: 0 25px;
	overflow: hidden;
}
.itemnav a i{
	display: inline-block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #0080cc;
	letter-spacing: 0;
	margin: 0 4px;
	vertical-align: middle;
}
.itemnav a span{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
	line-height: 70px;
	font-size: 18px;
	color: #fff;
	z-index: 2;
	opacity: 0;
}
.itemnav a img{
	vertical-align: middle;
	max-height: 40px;
}
.itemnav a.on, .itemnav.itemnavR a:hover{
	background-color: #0080cc;
	width: 150px;
}
.itemnav a.on span, .itemnav.itemnavR a:hover span{
	opacity: 1;
}
.itemnav a.on img, .itemnav.itemnavR a:hover img{
	opacity: 0;
}
.itemnav.itemnavT{
	
}
.itemnav.itemnavR{
	z-index: 9;
	position: fixed;
	bottom: 50px;
	/*left: 50%;
	margin-left: 673px;*/
	left: 5%;
	padding: 0;
	display: none;
}
.itemnav.itemnavR a{
	display: block;
	overflow: hidden;
	margin: 0;
	margin-top: 22px;
	/*margin-left: auto;*/
}
.itemnav a, .itemnav a span, .itemnav a img{
	transition: all 0.3s ease-in-out;
}

.itemlist{

}
.itemlist .itembox{
	float: left;
	width: 618px;
	
	margin-right: 13px;
	margin-bottom: 50px;
	position: relative;
}
.itemlist .itembox img{
	display: block;
	max-width: 100%;
	width:618px;

}
.margin2{margin-left:20px;}
.itemlist .itembox.itembox2 .item{
	float: right;
	width: 208px;
}
.itemlist .itembox.itembox2 .item:first-child{
	float: left;
}
.itemlist .itembox .item{
	position: relative;
}
.itemlist .itembox:nth-of-type(3n){
	margin-right: 0;
}
.itemlist .itembox .itemfloat{
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	min-height: 224px;
	left: 0;
	padding: 160px 45px 20px;
	box-sizing: border-box;
	
	background-size: cover;
	opacity: 1;
	max-height: 100%;
}
.itemlist .itembox.itembox2 .item .itemfloat{
	padding: 60px 22px 20px;
}
.itemlist .itembox.itembox2No{
	background-color: #0080cc;
}
.itemlist .itembox .item:hover .itemfloat{
	opacity: 1;
}
.itemlist .itembox .itemfloat h6{
	font-size: 16px;
	line-height: 30px;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 20px;
}
.itemlist .itembox .itemfloat h6:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 120px;
	background-color: #fff;
	opacity: 0.5;
	letter-spacing: 2px;
}
.itemlist .itembox .itemfloat .itemtxt{
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	letter-spacing: 3px;
}

.itemlist .itembox .itemfloat .itemtxt .itemtxt1{
	float: left; width: 40%; 
}
.itemlist .itembox .itemfloat .itemtxt .itemtxt2{
	 color: white;
}






/* worker */
.worker{
	padding-top: 44px;
	padding-bottom: 21px;
	position: relative;
}
.worker:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 21px;
	background-color: #fff;
	bottom: 0;
	z-index: 12;
}
.worker .section{
	position: relative;
	position: sticky;
	max-width: 1600px;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	margin: 0 auto;
	/*height: 100vh;*/
	height: 60vh;
	box-sizing: border-box;
	background-color: #eeeeee;
	box-shadow: 0px 0px 21px 0px rgba(51, 51, 51, 0.45);
}
/*.worker .section:nth-of-type(2n){
	position: sticky;
	top: 0;
	left: 0;
}*/
.worker .section:after, .worker .section:before{
	content: '';
	position: absolute;
	width: 30px;
	height: 100%;
	padding-top: 30px;
	box-sizing: content-box;
	top: -30px;
	left: -30px;
	background-color: #fff;
}
.worker .section:after{
	left: auto;
	right: -30px;
}
.worker .section img{
	display: block;
	max-width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.worker .section .workerFloat{
	position: relative;
	height: 100%;
	overflow: hidden;
}
.worker .section .workerFloat p{
	font-size: 18px;
	color: #333333;
	letter-spacing: 3px;
	line-height: 1.66;
	padding: 30px;
	background-color: rgba(255, 255, 255, 0.7);
	position: absolute;
	text-align: center;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}
.worker .section.sec2 .secTxt{
	float: left;
	width: 35.6%;
	height: 100%;
	background-color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 8px;
	color: #0080cc;
	font-size: 30px;
}
.worker .section.sec2 .secTxt span span{
	display: block;
}
.worker .section.sec2 .secTxt a{
	display: inline-block;
	font-size: 14px;
	padding: 6px 15px;
	color: #0080cc;
	letter-spacing: 1px;
	border: 1px solid #0080cc;
}
.worker .section.sec2 .secTxt a:hover{
	background-color: #0080cc;
	color: #fff;
}
.worker .section.sec2 .secImg{
	width: 64.4%;
	height: 100%;
	margin-left: auto;
}
.worker .section.sec2.secRL .secImg{
	float: left;
	margin-right: auto;
}
.worker .section.sec2.secRL .secTxt{
	float: right;
}







/* marketArea */
.marketArea{
	padding-top: 44px;
}
.marketArea .areaTxt{
	text-align: center;
	font-size: 16px;
	letter-spacing: 2px;
	color: #656871;
	line-height: 1.875;
	margin-bottom: 15px;
}
.marketArea .areaTxt span{
	color: #0080cc;
}

.map{
	position: relative;
	max-width: 1600px;
	
	width: 1440px;
	height: 675.92px;

	margin: 0 auto;
	/*height: 773px;*/
	overflow: hidden;
	box-sizing: content-box;
	/*padding-bottom: 46.94%;*/
	overflow: hidden;
}
.map .worldmap{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	display: block;
	transform-origin: 34.1875% 65.7%;
	transition: all 0.3s ease-in-out;
}
.map.on .worldmap{
	transform: scale(3.46);	
	opacity: 0.3;
}
.map .countries{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.map.on > .countries{
	opacity: 0;
	visibility: hidden;
}
.map .countries .country.china{
	z-index: 3;
}


.map .countries .country{
	position: absolute;
	left: 23.05%;
    top: 27.9%;
    width: 19.4375%;
}
.map .countries .country.russia{
	width: 48.5%;
    left: 8.95%;
    top: -1.96%;
}
.map .countries .country.feizhou{
	width: 6.3%;
	left: 9.5%;
	top: 43.8%;
}
.map .countries .country.laowo{
	width: 7.8%;
    left: 27.8625%;
    top: 47%;
	z-index: 4;
}
.map .countries .country.meiguo{
	width: 0.125%;
	left: 84.375%;
	top: 50.32%;
}


.map .countries .country.deguo{
	width: 8.5625%;
	left: 4.375%;
	top: 26.32%;
}
.map .countries .country.deguo .ico{
	left: 60%;
	top: 24%;
}

.map .countries .country.feilvbin{
	width: 11.125%;
	left: 29.175%;
	top: 52%;
}
.map .countries .country.feilvbin .ico{
	left: 74%;
	z-index: 5;
}
.map .countries .country.feilvbin .countryTxt{
	color: #0080cc;
	left: 57%;
}

.map .countries .country.aodaliya{
	width: 20.9375%;
	left: 33.375%;
	top: 71.32%;
}
.map .countries .country.aodaliya .ico{
	left: 35%;
	top: 32%;
}
.map .countries .country.aodaliya .countryTxt{
	left: 37%;
	top: 31%;
}

.map .countries .country.boliweiya{
	width: 8.09375%;
	left: 81.2%;
	top: 70.32%;
}
.map .countries .country.boliweiya .ico{
	top: 18%;
}
.map .countries .country.aodaliya .countryTxt{
	top: 18%;
}
.map .countries .country.on{
	z-index: 6;
}


.map .countries .country img{
	display: block;
	width: 100%;
}
.map .countries .country .ico{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.map .countries .country.feizhou .ico{
	top: 34%;
}
.map .countries .country .ico span{
	position: relative;
	display: block;
	width: 17px;
	height: 17px;
	background-color: #0387d0;
	border-radius: 50%;
	cursor: pointer;
	z-index: 2;
	box-shadow: 0 0px 30px 0 rgba(25, 187, 237, 0.7);
}
.map .countries .country .ico:after, .map .countries .country .ico:before{
	content: '';
	position: absolute;
	width: 36px;
	height: 36px;
	left: -10.5px;
	top: -10.5px;
	border-radius: 50%;
	border: 1px solid #fff;
	box-shadow: 0 0px 30px 0 rgba(25, 187, 237, 0.7);
}
.map .countries .country .ico:after{
	width: 74px;
	height: 74px;
	left: -29.5px;
	top: -29.5px;
	opacity: 0.5;
}
.map .countries .country .countryTI{
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.map .countries .country.on .ico, .map .countries .country.cur .ico{
	display: none;
}
.map .countries .country.on .countryTI, .map .countries .country.cur .countryTI{
	visibility: inherit;
	opacity: 1;
}
.map .countries .country .countryTxt{
	position: absolute;
	color: #fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	word-break: break-all;
}
.map .countries .country .countryTxt span{
	display: block;
	font-size: 16px;
	line-height: 1.375;

	min-width: 44px;
}
.map .countries .country.laowo .countryTxt span{
	min-width: 100px;
}
.map .countries .country.laowo .countryTxt{
	left: 73%;
}
.map .countries .country.laowo .countryTxt .eng{
	color: #007fcc;
}

.map .countries .country.meiguo .countryTxt{
	color: #007fcc;
	width: 120px;
}
.map .countries .country.feizhou .countryTxt span.eng{
	color: #007fcc;
}






/* chinaArea */
.chinaArea .ny_biti{
	position: relative;
	z-index: 2;
	border-color: #dededf;
}
.chinamap{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 8;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease-out;
	transition-delay: 0s;
	/*margin-top: -51px;*/
}
.chinamap.on{
	transition-delay: 0.5s;
}
.chinaMap{
	position: absolute;
	width: 56.58%;
    left: 0.65%;
    top: -10.5%;
}
.chinamap.on{
	opacity: 1;
	visibility: inherit;
}
.chinamap:after{
	/*content: '';*/
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
}
.chinamap img{
	width: 100%;
}
.chinamap .region{
	position: absolute;
	width: 34.5625%;
	top: -19.936%;
	left: 32.8%;
	/*z-index: 3;*/
}
.chinamap .region.on{
	z-index: 1;
}
.chinamap .region.huabei{
	width: 33.4375%;
	left: 19.1%;
	top: -3.8%;
}
.chinamap .region.huadong{
	width: 16.25%;
	left: 36.9%;
	top: 35.5%;
}
.chinamap .region.huanan{
	width: 26.9375%;
	left: 25.9%;
	top: 57.9%;
}
.chinamap .region.xinan{
	width: 23.9%;
	left: 19.4%;
	top: 48%;
	width: 41.1%;
	left: 0.2%;
	top: 37.5%;
	/*z-index: 2;*/
}

.chinamap .region.on .regioncon{
	opacity: 1;
	transform: translateY(0px);
	visibility: inherit;
}
.chinamap .region .regioncon{
	position: relative;
	opacity: 0;
	transform: translateY(10px);
	visibility: hidden;
	transition: opacity 0.3s ease-in-out, transform 0.3s 0.1s ease-in-out;
}
.chinamap .region .regioncon:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	left: 0;
	top: 0;
}
.chinamap .region img{
	position: relative;
	z-index: 3;
}
.chinamap .region .quan1, .chinamap .region .quan2{
	position: absolute;
	width: 78.48%;
	padding-bottom: 78.48%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url(/themes/asia/static/images/zz/quan1.png) no-repeat;
	background-size: cover;
	z-index: 2;
	animation: scal 3s ease-in-out infinite;
}
.chinamap .region .quan2{
	width: 106.1%;
	padding-bottom: 106.1%;
	z-index: 1;
	animation-delay: -1.5s;
}

.chinamap .region .ico{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 8;
	opacity: 1;
	visibility: inherit;
}
.chinamap .region.huabei .ico{
	top: 64%;
	left: 67.5%;
}
.chinamap .region.dongbei .ico{
	top: 62%;
	left: 42%;
}
.chinamap .region.xinan .ico{
	top: 41%;
	left: 70%;
}

.chinamap .region.on .ico{
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.chinamap .region .ico span{
	position: relative;
	display: block;
	width: 17px;
	height: 17px;
	background-color: #0387d0;
	border-radius: 50%;
	cursor: pointer;
	z-index: 2;
	box-shadow: 0 0px 30px 0 rgba(25, 187, 237, 0.7);
}
.chinamap .region .ico:after, .chinamap .region .ico:before{
	content: '';
	position: absolute;
	width: 36px;
	height: 36px;
	left: -10.5px;
	top: -10.5px;
	border-radius: 50%;
	border: 1px solid #fff;
	box-shadow: 0 0px 30px 0 rgba(25, 187, 237, 0.7);
}
.chinamap .region .ico:after{
	width: 74px;
	height: 74px;
	left: -29.5px;
	top: -29.5px;
	opacity: 0.5;
}

@keyframes scal {
	0%, 100%{
		transform: translate(-50%, -50%) scale(0.5);
	}
	50%{
		transform: translate(-50%, -50%) scale(1);
	}
}


.map .countries .worldtxt{
	position: absolute;
	left: 50%;
	width: 340px;
	margin-left: -90px;
	top: 46%;
	display: none;
}

.mapTxt{
	z-index: 3;
	position: absolute;
	left: 50%;
	margin-left: 300px;
	width: 340px;
	top: 50%;
	top: 36.63%;
}
.mapTxt .item, .map .countries .worldtxt .item{
	display: none;
}
.mapTxt .item h4, .map .countries .worldtxt .item h4{
	color: #0096ef;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: right;
}
.mapTxt .item p, .map .countries .worldtxt .item p{
	font-size: 14px;
	line-height: 30px;
	color: #656871;
	text-indent: 2em;
}









.itemnavli, .openmore, .worldtxtout, .mapTxtout, .actListmob{
	display: none;
}
@media screen and (max-width: 750px) {
	.memorabilia{
		padding: 0.73rem 0.32rem 0.47rem;
	}
	.memCon h1{
		font-size: 0.30rem;
		margin-bottom: 0.27rem;
	}
	.memCon .memTxt{
		font-size: 0.24rem;
		margin-bottom: 0.75rem;
	}
	.memSwiper video, .memSwiper img{
		height: 3.47rem;
	}
	.memSwiper .memfloat .memfloatcon .year{
		line-height: 1;
		font-size: 0.48rem;
		width: auto;
		border-bottom: none;
		margin-bottom: 0.38rem;
	}
	.memSwiper .memfloat .memfloatcon .memFTxt{
		display: none;
	}
	.memSwiper .memfloat .memfloatcon .play{
		width: 0.62rem;
		height: 0.62rem;
		line-height: 1;
		font-size: 0;
	}
	.memPagination span i{
		/*display: none;*/
		top: 0.50rem;
		padding-top: 0;
	}
	.memPagination{
		width: auto !important;
		/*margin: 0 0.50rem;*/
		margin-bottom: 0;
		padding: 0.58rem 0.60rem;
	}
	.memCon{
		position: relative;
	}
	.memPaginationbtnL, .memPaginationbtnR{
		position: absolute;
		width: 0.50rem;
		height: 0.50rem;
		background: url(../image/wm_button_icon.png) no-repeat;
		background-size: cover;
		left: 0;
		bottom: 0.50rem;
	}
	.memPaginationbtnR{
		background-position: 0 -1.03rem;
		right: 0;
		left: auto;
	}
	.memPagination span{
		width: 0.31rem;
		height: 0.31rem;
	}
	.memPagination span.swiper-pagination-bullet-active:after, .memPagination .swiper-slide-active span:after{
		width: 0.53rem;
		height: 0.53rem;
	}
	.memPagination .arr_l, .memPagination .arr_r{
		width: 0.60rem;
		height: 0.60rem;
		background-size: 0.3rem auto;
		margin-top: -0.30rem;
	}


	.w1280{
		width: auto;
	}
	.industry{
		height: 10.03rem;
		overflow-x: hidden;
		background-size: cover;
	}
	#canvasPIXI{
		width: 163%;
		/*transform: translate(-50%, -50%);*/
		/*left: 0;
		top: 0;*/
		margin-left: 0;
		margin-top: 0;


		left: -31.5%;
		top: -1rem;
	}
	#canvasPIXI img{
		width: 100%;
	}

	@keyframes zhuan{
		0%{
			/*transform: translate(-50%, -50%) rotate(0deg);*/
			transform: rotate(0deg);
		}
		100%{
			/*transform: translate(-50%, -50%) rotate(360deg);*/
			transform: rotate(360deg);
		}
	}
	.boxFloat{
		width: 100%;
	}
	.boxFloat .box{
		width: 0.30rem;
		height: 0.30rem;
		top: 1.59rem;
		left: 60%;
	}
	.boxFloat .box span{
		width: 0.20rem;
		height: 0.20rem;
		left: 0.04rem;
		top: 0.04rem;
	}
	.boxFloat .box.on{
		width: 0.75rem;
		height: 0.75rem;
		margin-left: -0.255rem;
		margin-top: -0.255rem;
	}
	.boxFloat .box.on span{
		width: 0.50rem;
		height: 0.50rem;
		left: 0.11rem;
		top: 0.11rem;
	}
	.boxFloat .box2{
		left: 6.61rem;
		top: 3.11rem;
	}
	.boxFloat .box3{
		left: 5.61rem;
		top: 6.35rem;
	}
	.boxFloat .box4{
		left: 0.87rem;
		top: 7.09rem;
	}
	.boxFloat .box5{
		left: 1.59rem;
		top: 3.09rem;
	}
	.indFoat{
		top: 2.51rem;
		width: 4.34rem;
		margin-left: -2.17rem;
	}
	.indFoat .indItem h5{
		font-size: 0.30rem;
		line-height: 1.5;
		padding: 0.11rem 0;
	}
	.indFoat .indItem .txt{
		font-size: 0.24rem;
		line-height: 0.36rem;
	}






	/**/
	.project{
		padding: 0.42rem 0.32rem 0.56rem;
	}
	.itemnav.itemnavR{
		display: none !important;
	}
	.itemnav{
		margin-bottom: 0.42rem;
		padding: 0;
		position: relative;
		z-index: 2;
	}
	.itemnavli{
		display: block;
	}
	.itemnav .itemnavli{
		position: relative;
		height: 0.80rem;
		background-color: #0080cc;
		line-height: 1;
		font-size: 0.30rem;


		margin: 0;
		width: 100%;
		line-height: 0.80rem;
		line-height: 1;
		font-size: 0.30rem;
		text-align: left;
		padding: 0.14rem 0.35rem;
		box-sizing: border-box;
		background: ;
		line-height: 0.56rem;
	}
	.itemnav .itemnavli:after{
		content: '';
		position: absolute;
		width: 0.24rem;
		height: 0.24rem;
		background: url(../image/right.png) no-repeat;
		transform: rotate(90deg);
		background-size: cover;
		right: 0.35rem;
		top: 0.30rem;
	}
	.itemnav .itemnavli i{
		background-color: #fff;
	}
	.itemnav .itemnavli span{
		color: #fff;
		color: #fff;
		letter-spacing: 0;
		vertical-align: middle;
	}
	.itemnav .itemnavli img, .itemnav .itemnavli div{
		vertical-align: middle;
	}
	.itemnavul{
		display: none;
		position: absolute;
		width: 100%;
		left: 0;
		top: 100%;
	}
	.itemnav a, .itemnav a.on, .itemnav.itemnavR a:hover{
		/*display: flex;
		flex-direction: column-reverse;*/
		display: block;
		border-radius: 0;
		margin: 0;
		width: 100%;
		height: 0.80rem;
		line-height: 0.80rem;
		line-height: 1;
		font-size: 0.30rem;
		background-color: #f6f6f6;
		text-align: left;
		padding: 0.14rem 0.35rem;
		box-sizing: border-box;
	}
	.itemnav a.itemall div, .itemnav .itemnavli div{
		font-size: 0;
		vertical-align: middle;
		display: inline-block;
		width: 0.50rem;
		height: 0.50rem;
		margin-right: 0.30rem;
		line-height: 0.50rem;
	}
	.itemnav a i{
		background-color: #0080cc;
		width: 0.06rem;
		height: 0.06rem;
		margin: 0.05rem;
	}
	.itemnav a.on i{
		/*background-color: #f6f6f6;*/
	}
	.itemnav a.on{
		/*background-color: #0080cc;*/
	}
	.itemnav a span{
		/*display: inline-block;*/
		position: static;
		opacity: 1;
		font-size: 0.30rem;
		color: #40404e;
		line-height: 0.50rem;
	}
	.itemnav a.on span, .itemnav.itemnavR a:hover span{
		color: #0080cc;
	}
	.itemnav a.on img, .itemnav.itemnavR a:hover img{
		opacity: 1;
	}
	.itemnav a img, .itemnav .itemnavli img{
		display: inline-block;
		font-size: 0;
		width: 0.50rem;
		height: auto;
		margin-right: 0.30rem;
	}


	.openmore{
		color: #0080cc;
		font-size: 0.24rem;
		line-height: 1;
		padding: 0;
		text-align: center;
		display: block;


		display: none;
	}
	.itemlist{
		/*height: 16.02rem;
		overflow: hidden;*/
	}
	.itemlist.open{
		height: auto;
	}
	.itemlist .itembox{
		width: 100%;
		
		box-sizing: border-box;
		margin-right: 0;
		margin-bottom: 0.42rem;
	}
	.itemlist .itembox:last-child{
		margin-bottom: 0;
	}
	.itemlist .itembox .item .itemfloat{
		opacity: 1;
		padding: 0.60rem 0.45rem 0.40rem;
		min-height: inherit;
	}
	.itemlist .itembox.itembox2 .item{
		width: 3.43rem;
		height: 100%;
		overflow: hidden;
	}


	.itemlist .itembox .itemfloat h6{
		padding: 0;
		margin: 0;
    }
    .itemlist .itembox .itemfloat h6:after, .itemlist .itembox .itemfloat .itemtxt{
	
    }
    .itemlist .itembox .item .itemfloat{
		background-size: 100% 100%;
		padding: 0.90rem 0.45rem 0.30rem;
    }
    
   .itemlist .itembox img {
    display: block;
    max-width: 100%;
    width: 358px;
}


	
	.margin2{margin-left:0px;margin-top:10px;}



	/**/
	.worker{
		padding-top: 0;
		padding-bottom: 0;
	}
	.worker .section{
		width: 100%;
		padding: 0;
		height: 4.55rem;
	}
	.worker .section:after, .worker .section:before{
		display: none;
	}
	.worker .section.sec2{
		height: auto;
	}
	.worker .section.sec2 .secTxt{
		float: none;
		width: 100%;
		font-size: 0.30rem;
		height: 2.64rem;
	}
	.worker .section.sec2 .secTxt span span{
		margin-bottom: 0.30rem;
	}
	.worker .section.sec2 .secTxt a{
		/*border: none;*/
		font-size: 0.24rem;
	}
	.worker .section.sec2 .secTxt a:hover{
		background-color: transparent;
		color: #0080cc;
	}

	.worker .section.sec2 .secImg{
		width: 100%;
		margin-right: 0;
		height: 4.55rem;
	}
	.worker .section .workerFloat p{
		box-sizing: border-box;
		padding: 0.45rem 0;
		line-height: 1.5;
		font-size: 0.24rem;
	}
	.worker .section.sec2.secRL .secImg{
		float: none;
	}
	.worker .section.sec2.secRL .secTxt{
		float: none;
	}
	.worker:after{
		display: none;
	}




	/**/
	.marketArea{
		padding-top: 0.50rem;
		padding-bottom: 2.50rem;
		position: relative;
	}
	.marketArea .areaTxt{
		padding: 0 0.32rem;
		font-size: 0.24rem;
		line-height: 0.36rem;
		margin-bottom: 0.36rem;
	}
	.map{
		width: auto;
		overflow-x: scroll;


		height: 8.23rem;
		height: 7.56rem;
	}
	.marketArea:after, .marketArea:before{
		display: none;
		content: '';
		position: absolute;
		bottom: 0.56rem;
		left: 50%;
		width: 0.50rem;
		height: 0.50rem;
		margin-left: -0.98rem;
		background: url(../image/wm_button_icon.png) no-repeat;
		background-size: cover;
	}
	.marketArea:after{
		margin-left: 0.47rem;
		background-position: 0 -1.03rem;
	}
	.map .countries, .chinamap, .map .worldmap{
		width: 1440px;




		width: 16.11rem;
	}




	.map .countries .country .ico span, .chinamap .region .ico span{
		width: 0.25rem;
		height: 0.25rem;
	}
	.map .countries .country .ico:after, .map .countries .country .ico:before, .chinamap .region .ico:after, .chinamap .region .ico:before{
		width: 0.42rem;
		height: 0.42rem;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.map .countries .country .ico:after, .chinamap .region .ico:after{
		width: 0.78rem;
		height: 0.78rem;
	}





	.worldtxtout, .mapTxtout{
		position: absolute;
		bottom: 1.46rem;
		width: 100%;
		padding: 0 0.32rem;
		box-sizing: border-box;
		opacity: 1;
		height: auto;
		z-index: 9;
	}
	.map .countries .worldtxt{
		display: none !important;
	}
	.worldtxtout .item, .mapTxtout .item{
		display: none;
	}
	.worldtxtout .item h4, .mapTxtout .item h4{
		font-size: 0.30rem;
		color: #0080cc;
		line-height: 1;
		margin-bottom: 0.25rem;
		text-align: center;
	}
	.worldtxtout .item p, .mapTxtout .item p{
		font-size: 0.24rem;
		line-height: 0.36rem;
		color: #656871;
	}
	.map .countries .country{
		z-index: 7;
	}
	.map .countries .country.laowo{
		z-index: 8;
	}





	/**/
	.actList{
		display: none;
	}
	.actListmob{
		display: block;
		padding: 0.55rem 0.32rem;
	}

	.actListmob .tit{
		padding-bottom: 0.55rem;
		border-bottom: 1px solid #e6e5e7;
	}
	.actListmob .tit h1{
		font-weight: normal;
		color: #0080cc;
		font-size: 0.30rem;
		line-height: 1.3;
	}
	.actListmob .tit .eng{
		display: block;
		font-weight: bold;
		font-size: 0.24rem;
		line-height: 1;
		letter-spacing: 3px;
		color: #0080cc;
		margin-bottom: 0.40rem;
	}
	.actListmob .tit .tittxt{
		line-height: 1.5;
		font-size: 0.24rem;
		color: #656871;
		letter-spacing: 3px;
	}
	.actListmob .artItem{
		margin-top: 0.55rem;
		position: relative;
		padding-bottom: 0.55rem;
		border-bottom: 1px solid #e6e5e7;
	}
	.actListmob .artItem{
		border-bottom: none;
		padding-bottom: 0;
	}
	.actListmob .artItem h4{
		font-size: 0.30rem;
		line-height: 1.5;
		color: #0080cc;
		padding-right: 2.00rem;
	}
	.actListmob .artItem .txt{
		font-size: 0.24rem;
		line-height: 1.5;
		color: #656871;
		margin-bottom: 0.34rem;
		padding-right: 2.00rem;
	}
	.actListmob .artItem .sbtnl, .actListmob .artItem .sbtnr{
		position: absolute;
		right: 0.97rem;
		top: 0.15rem;
		width: 0.50rem;
		height: 0.50rem;
		background: url(../image/wm_button_icon.png) no-repeat;
		background-size: cover;
	}
	.actListmob .artItem .sbtnr{
		background-position: 0 -1.01rem;
		right: 0;
	}
	.actListmob .artItem .swiper{
		position: relative;
		overflow: hidden;
	}




	/*404*/
	.secerr{
		margin: 0.60rem 0.32rem;
	}
	.secerr img{
		display: block;
		width: 100%;
	}
}