.side-open,.side-box{display: none;}
@media only screen and (max-width:750px ) {
	.yuanc-float{display: none;}
	.header_right{display: none;}
	.header{padding:0 10px;}
	.side-open {
		display: block;
		width: 40px;
		height: 30px;
		position: fixed;
		right: 40px;
		top: 25px;
		cursor: pointer;
		z-index: 1201;
		background: rgba(255,255,255,0);
		transition: .2s .1s;
		-moz-transition: .2s .1s;
		-ms-transition: .2s .1s;
		-o-transition: .2s .1s;
		-webkit-transition: .2s .1s;
		transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
		-moz-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
		-ms-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.side-open hr {
		height: 4px;
		background: #00c0ff;
		display: block;
		margin: 0;
		padding: 0;
		border: none;
		position: absolute;
		transition: .5s .3s;
		-moz-transition: .5s .3s;
		-ms-transition: .5s .3s;
		-o-transition: .5s .3s;
		-webkit-transition: .5s .3s;
	}
	.side-open hr:nth-child(1) {
		width: 100%;
		top: 0;
		right: 0;
	}
	.side-open hr:nth-child(2) {
		width: 40%;
		top: 50%;
		left: 0;
		margin-top: -2px;
		opacity: 1;
	}
	.side-open hr:nth-child(3) {
		width: 40%;
		top: 50%;
		right: 0;
		margin-top: -2px;
		opacity: 1;
	}
	.side-open hr:nth-child(4) {
		width: 100%;
		bottom: 0;
		right: 0;
	}
	
	@media (max-width:767px) {
	.side-open {
		width: 33px;
		height: 23px;
		right: 15px;
		top: 18px;
	}
	.side-open hr {
		height: 3px;
	}
	}
	body.open .side-open {
		right: 324px;
	}
	@media (max-width:320px) {
	body.open .side-open {
		left: 2px;
	}
	}
	body.open .side-open hr:nth-child(1) {
		width: 100%;
		top: 50%;
		margin-top: -2px;
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform-origin: center;
		-moz-transform-origin: center;
		-ms-transform-origin: center;
		-o-transform-origin: center;
		-webkit-transform-origin: center;
	}
	body.open .side-open hr:nth-child(2) {
		opacity: 0;
		left: -50%;
	}
	body.open .side-open hr:nth-child(3) {
		opacity: 0;
		right: -50%;
	}
	body.open .side-open hr:nth-child(4) {
		width: 100%;
		bottom: 50%;
		margin-bottom: -2px;
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform-origin: center;
		-moz-transform-origin: center;
		-ms-transform-origin: center;
		-o-transform-origin: center;
		-webkit-transform-origin: center;
	}
	.side-box {
		display: block;
		position: fixed;
		top: 0px;
		width: 300px;
		right: -300px;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 1200;
		color: rgba(0,0,0,1);
		transition: right .4s cubic-bezier(0.215, 0.61, 0.355, 1);
		-moz-transition: right .4s cubic-bezier(0.215, 0.61, 0.355, 1);
		-ms-transition: right .4s cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition: right .4s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition: right .4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	body.open .side-box {
		width: 200%;
		right: 0;
	}
	.side-cut {
		position: relative;
		width: 284px;
		height: 100%;
		float: right;
	}
	.side-shadow {
		width:100%;
		height: 100%;
		background: rgba(0,0,0,.5);
		position: absolute;
		top: 0;
		right: 100%;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		-webkit-transition: .3s;
	}
	body.open .side-shadow {
		opacity: 1;
		visibility: visible;
	}
	.side-bin {
		width: 100%;
		height:100%;
		position: relative;
		background: rgba(255,255,255,.975);
		overflow-x:hidden ;
		overflow-y:auto;
		z-index: 1201;
		transition: .3s .1s;
		-moz-transition: .3s .1s;
		-ms-transition: .3s .1s;
		-o-transition: .3s .1s;
		-webkit-transition: .3s .1s;
	}
	body.open .side-bin {
		z-index: 1201;
	}
	.side-search {
		overflow: hidden;
		opacity: 0;
		transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transition: .6s .3s;
		-moz-transition: .6s .3s;
		-ms-transition: .6s .3s;
		-o-transition: .6s .3s;
		-webkit-transition: .6s .3s;
		transition-property: opacity, transform!important;
		-moz-transition-property: opacity, transform!important;
		-ms-transition-property: opacity, transform!important;
		-o-transition-property: opacity, transform!important;
		-webkit-transition-property: opacity, transform!important;
	}
	body.open .side-search {
		opacity: 1;
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	.side-search>form {
		padding: 10px 30px 25px 30px;
	}
	.side-search>form .form-group {
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: relative;
		border-bottom: 1px solid rgba(0,0,0,.3);
	}
	.side-search>form .input-search-btn {
		position: absolute;
	    top: 0;
	    right: 0;
	    height: 100%;
		z-index: 3;
		padding: 0 0 0 20px;
		outline: 0;
		border:0;
		background: transparent;
	}
	.side-search>form .input-search-btn>.icon {
		font-size: 18px;
		color: rgba(0,0,0,1);
		margin: 0;
	}
	.side-search>form .input-search-btn>.icon:hover {
		color: #00c0ff;
	}
	.side-search>form .input-search {
		position: relative;
		overflow: hidden;
	}
	.side-search>form .input-search .form-control {
		border-radius: 0;
		background: none;
		padding: 0;
		font-family: 'AddFont', Microsoft Yahei;
		width: 224px;
		height: 60px;
		color: rgba(0,0,0,1);
		position: relative;
		z-index: 2;
		font-size: 16px;
		border:0;
		outline: 0;
	}
	.side-search>form .input-search .form-control::-webkit-input-placeholder {
		color:rgba(0,0,0,.8)
	}
	.side-search>form .input-search .form-control:-moz-placeholder {
		color:rgba(0,0,0,.8);
	}
	.side-search>form .input-search .form-control::-moz-placeholder {
		color:rgba(0,0,0,.8);
	}
	.side-search>form .input-search .form-control:-ms-input-placeholder {
		color:rgba(0,0,0,.8);
	}
	@media (max-width:767px) {
	.side-search>form .input-search .form-control {
		height: 40px;
		font-size: 14px;
	}
	}
	.side-nav {
	}
	.side-nav>ul {
		display: block;
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.nav-first {
		display: block;
		position: relative;
		margin: 0 0 1px 0;
		list-style: none;
		cursor: pointer;
		opacity: 0;
		transform: translateY(50%);
		-moz-transform: translateY(50%);
		-ms-transform: translateY(50%);
		-o-transform: translateY(50%);
		-webkit-transform: translateY(50%);
		transition-property: opacity, transform!important;
		-moz-transition-property: opacity, transform!important;
		-ms-transition-property: opacity, transform!important;
		-o-transition-property: opacity, transform!important;
		-webkit-transition-property: opacity, transform!important;
		transition: .6s .95s;
		-moz-transition: .6s .95s;
		-ms-transition: .6s .95s;
		-o-transition: .6s .95s;
		-webkit-transition: .6s .95s;
	}
	.nav-first:nth-child(1) {
		transition: .6s .4s;
		-moz-transition: .6s .4s;
		-ms-transition: .6s .4s;
		-o-transition: .6s .4s;
		-webkit-transition: .6s .4s;
	}
	.nav-first:nth-child(2) {
		transition: .6s .5s;
		-moz-transition: .6s .5s;
		-ms-transition: .6s .5s;
		-o-transition: .6s .5s;
		-webkit-transition: .6s .5s;
	}
	.nav-first:nth-child(3) {
		transition: .6s .59s;
		-moz-transition: .6s .59s;
		-ms-transition: .6s .59s;
		-o-transition: .6s .59s;
		-webkit-transition: .6s .59s;
	}
	.nav-first:nth-child(4) {
		transition: .6s .67s;
		-moz-transition: .6s .67s;
		-ms-transition: .6s .67s;
		-o-transition: .6s .67s;
		-webkit-transition: .6s .67s;
	}
	.nav-first:nth-child(5) {
		transition: .6s .74s;
		-moz-transition: .6s .74s;
		-ms-transition: .6s .74s;
		-o-transition: .6s .74s;
		-webkit-transition: .6s .74s;
	}
	.nav-first:nth-child(6) {
		transition: .6s .8s;
		-moz-transition: .6s .8s;
		-ms-transition: .6s .8s;
		-o-transition: .6s .8s;
		-webkit-transition: .6s .8s;
	}
	.nav-first:nth-child(7) {
		transition: .6s .85s;
		-moz-transition: .6s .85s;
		-ms-transition: .6s .85s;
		-o-transition: .6s .85s;
		-webkit-transition: .6s .85s;
	}
	.nav-first:nth-child(8) {
		transition: .6s .89s;
		-moz-transition: .6s .89s;
		-ms-transition: .6s .89s;
		-o-transition: .6s .89s;
		-webkit-transition: .6s .89s;
	}
	.nav-first:nth-child(9) {
		transition: .6s .92s;
		-moz-transition: .6s .92s;
		-ms-transition: .6s .92s;
		-o-transition: .6s .92s;
		-webkit-transition: .6s .92s;
	}
	.nav-first:nth-child(10) {
		transition: .6s .94s;
		-moz-transition: .6s .94s;
		-ms-transition: .6s .94s;
		-o-transition: .6s .94s;
		-webkit-transition: .6s .94s;
	}
	body.open .nav-first {
		opacity: 1;
		transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	.nav-first>a:before {
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		width: 0%;
		height: 100%;
		background: #00c0ff;
		z-index: 2;
		transition: width .3s ease-in-out;
		-moz-transition: width .3s ease-in-out;
		-ms-transition: width .3s ease-in-out;
		-o-transition: width .3s ease-in-out;
		-webkit-transition: width .3s ease-in-out;
	}
	body.open .nav-first.active>a{
		background: #00c0ff;
	}
	body.open .nav-first.active>a:before {
		width: 100%;
		transition: width .3s 1s;
		-moz-transition: width .3s 1s;
		-ms-transition: width .3s 1s;
		-o-transition: width .3s 1s;
		-webkit-transition: width .3s 1s;
	}
	.nav-first:hover a:before {
		width: 100%;
	}
	.side-nav>ul:hover>.nav-first.active>a:before {
		width: 3px;
		transition: width .3s ease-in-out;
		-moz-transition: width .3s ease-in-out;
		-ms-transition: width .3s ease-in-out;
		-o-transition: width .3s ease-in-out;
		-webkit-transition: width .3s ease-in-out;
	}
	.side-nav>ul:hover>.nav-first.active:hover>a:before {
		width: 100%;
	}
	.nav-first>u {
		display: none;
	}
	
	.nav-first>a {
		position: relative;
		z-index: 3;
		display: block;
		padding: 0 30px;
		line-height: 70px;
		color: rgba(0,0,0,.9);
	}
	.nav-first>a:after {
		display: table;
		clear: both;
		content: ''
	}
	.nav-first>a>i {
		float: left;
		position: relative;
		z-index: 3;
		padding: 0 15px 0 1px;
		line-height: 70px;
		font-size: 18px;
	}
	.nav-first>a>b {
		line-height: 60px;
		float: left;
		font-weight: normal;
		position: relative;
		z-index: 3;
	}
	body.open .nav-first:hover>a, body.open .nav-first.active>a, .side-nav>ul:hover>.nav-first.active:hover>a {
		color: rgba(255,255,255,1);
		transition: color .3s;
		-moz-transition: color .3s;
		-ms-transition: color .3s;
		-o-transition: color .3s;
		-webkit-transition: color .3s;
	}
	.side-nav>ul:hover>.nav-first.active>a {
		color: rgba(0,0,0,.9);
		transition: color .3s;
		-moz-transition: color .3s;
		-ms-transition: color .3s;
		-o-transition: color .3s;
		-webkit-transition: color .3s;
	}
	body.open .nav-first.active>a {
		color: rgba(255,255,255,1);
		transition: color .3s 1s;
		-moz-transition: color .3s 1s;
		-ms-transition: color .3s 1s;
		-o-transition: color .3s 1s;
		-webkit-transition: color .3s 1s;
	}
	.nav-first>a>p, .side-nav>ul:hover>.nav-first.active>a>p {
		position: absolute;
		top: 50%;
		right: 30px;
		color: rgba(255,255,255,1);
		background: rgba(0,0,0,.4);
		font-family: 'AddFont';
		padding: 6px;
		border-radius: 50%;
		line-height: 1;
		margin: 0;
		font-size: 12px;
		transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		z-index: 3;
		transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		-webkit-transition: .3s;
	}
	body.open .nav-first:hover>a>p, body.open .nav-first.active>a>p, .side-nav>ul:hover>.nav-first.active:hover>a>p {
		color: #00c0ff;
		background: rgba(255,255,255,.8);
	}
	body.open .nav-first.active>a>p {
	color: #00c0ff;
	background: rgba(255,255,255,.8);
	transition: .3s 1s;
	-moz-transition: .3s 1s;
	-ms-transition: .3s 1s;
	-o-transition: .3s 1s;
	-webkit-transition: .3s 1s;
	}
	.nav-first>i {
		display: block;
		position: absolute;
		width: 76px;
		height: 60px;
		right: 0;
		top: 0;
		z-index: 4;
		cursor: pointer;
		transform: rotate(0);
		-webkit-transform: rotate(0);
		transition: transform .5s;
		-webkit-transition: transform .5s;
	}
	.nav-first.mobile-active>i{
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}
	.nav-first>i:before {
		position: absolute;
		content: '';
		width: 12px;
		height: 2px;
		margin: -1px 0 0 -6px;
		transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		-webkit-transition: .3s;
		background: #00c0ff;
		top: 50%;
		left: 50%;
		border-radius: 2px;
	}
	.nav-first>i:after {
		position: absolute;
		content: '';
		height: 12px;
		width: 2px;
		margin: -6px 0 0 -1px;
		transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		-webkit-transition: .3s;
		background: #00c0ff;
		left: 50%;
		top: 50%;
		border-radius: 2px;   
	}
	.nav-first.mobile-active>i:before, .nav-first.mobile-active>i::after, .nav-first:hover>i:before,.nav-first:hover>i:after  {
		background: rgba(255,255,255,1);
	}
	.nav-first.active>i:before, .nav-first.active>i::after,.nav-first.active>b{
		background: rgba(255,255,255,1);
	}
	.nav-first.mobile-active b{color:#fff;}
	.nav-first>ul {
	    list-style: none;
	    margin: 0!important;
	    padding: 0;
	    display: none;
	    height: 100%;
	    overflow: hidden;
	    width: auto!important;
	    background: rgba(0,0,0,.03);
	}
	.nav-second>a {
	    display: block;
	    position: relative;
	    padding: 0 30px;
	    line-height: 50px;
	    color: #000;
	}
	
	
	/*首页*/
	.header_content{height:auto;padding: 10px 0;}
	.inpublic{width:100%;padding:0 5px;}
	.section.page1{padding: 0 ;}
	.banner .swiper-slide div{padding:50px 0;}
	.banner .swiper-slide div h1{font-size: 30px;}
	.banner .swiper-slide div p{font-size: 14px;}
	.banner .swiper-slide div h2 {
	    font-size: 24px;
	    margin-top: 30px;
	}
	.index_topdd h3.title{padding-bottom:10px;    font-size: 24px;}

	.about_content{padding:0;height: auto;}
	ul.onelist_cp{padding:5px;}
	ul.onelist_cp li{padding:5px !important;height: 80px;overflow: hidden;}
	ul.onelist_cp li{width:33.33%;}
	ul.onelist_cp li.note8{border-bottom:1px solid #fff;}
	ul.onelist_cp li:nth-child(3n){border-right: none;}
	ul.onelist_cp li:nth-child(4n){border-right:1px solid #fff;}
	ul.onelist_cp li h3.title{line-height: 80px;}
	ul.onelist_cp li h3.title a{font-size: 14px;}
	ul.onelist_cp li a{font-size: 12px;}
	#applyonline{width:100%;}
	.friendship-links>p,.friendship-links>div{width: 100%;}
	ul.news_list li>img{height: auto;}
	
	/*产品*/
	.public{
		width:100%;
		min-width:100%;
		max-width:100%;
		padding:0 5px;
	}
	.page_content_top h3.title {
	    font-size: 18px;
	    padding: 0 0 8px 8px;
	}
	.product_ad h3.title{ padding-left:0;text-align: center;}
	.product_ad a i{ right:0;}
	.magtop50{margin-top:20px;}
	.padtb50{padding:20px 0;}
	.xz_generate{margin:0 0 20px 0;}
	.open_menu a.distance1,.open_menu a.distance2{margin-left: 0;}
	.page_product_menu .clear:before,.page_product_menu  .clear:after{display: none;}
	.product_ad p{padding-left: 20px;}
	.open_menu{width:49%;}
	.open_menuc a{width: 80%;padding: 0 10px;}
	.open_menu a span{width:20%;right: -20%;}
	ul.normal_column_list li{width:100%;}
	
	.page_top.top{height:200px !important;}
	
	
	/*关于我们*/
	.section{background-size:100% 100%;padding:5px;  }
	.about_slider_nav{width:100%;}
	.about_cooperate{margin-top:30px;}
	.about_cooperate .about_index_top.bluenav .text{padding-right: 0;}
	.about_cooperate .about_index_top.bluenav .text span{    width: 48%;font-size: 12px;}
	.about_view_content .text,.about_cooperate .about_index_top.bluenav .text,.development_path .title,.path_backdrop a.aa{
		font-size: 14px;
	}
	.about_view_content .text{width:78%;}
	
	ul.cooperate_list_nav{height:auto;}
	ul.cooperate_list_nav li{width: 31%;margin-top: 10px;margin-bottom: 10px;height: 50px;}
	.about_slider_path{height: 360px;}
	.path_backdrop a.aa .title_text,.path_backdrop a.aa p.title{font-size: 12px;}
	.about_index_top.bluenav,.about_index_top_content{padding-bottom: 10px;}
	.about_cooperate .about_index_top.bluenav .text{margin-top:10px;background: rgba(256,256,256,.8);    padding: 0 5px;}	
	.about_backdrop a.aa{font-size: 12px;    margin-right: 10px;}
	.slider_theme_about{height:auto;}
	.path_backdrop a.active .title_text{width:100%;}
	.path_backdrop_nav{height:300px;}
	.path_backdrop a.aa span.dian{top:-8px;}
	ul.col-3 li{width:48%;}
	ul.news_list li .item_time{padding:5px;}
	ul.news_list li .item_time .more{width: 86%;overflow: hidden;text-overflow: ellipsis;overflow: hidden;}
	#fp-nav.right{right:0;}
	
	/*产品详情*/
	.pro_view_left{width:100%;margin-right: 0;}
	.pro_view_right{width:100%;}
	
	/*解决方案*/
	.solution_index h3.title{font-size: 26px;}
	.page_top{ }
	.container{width: 100%;}
	.supcon .suconl,.supp .suppl{width:100%;}
	.supp .suppl{font-size: 16px;}	
	.supcon .suconl ul li a{width:100%;}
	.supcon .suconl{min-height: 50px;} 
	.supcon .suconl ul{padding-top: 10px;}
	.supcon .suconl ul li{display: inline-block;width:32%;text-align: center;}
	.supp .suppr{display:none;width:100%;margin-left:0}
	.supcon .suconr{width:100%;margin-left: 0; padding: 0 10px;}
	.supcon .suconr table{table-layout: auto;}
	.sdownload{    width: 100%; margin-left:0;}
	.sdownload div{width:10%;}
	.sdownload div.drr{width:80%;padding-left:5%;}
	/*新闻*/
	.page_banner_titlelist{padding-top:0;}
	.page_banner_title h3.title{font-size:26px;}
	ul.news_list li{height:auto !important;}
	ul.news_menu_name{margin-left: 0;display: inline-block;}
	ul.news_menu_name a{
		margin: 20px 5px 0 5px;
		padding: 5px 20px 5px 40px;
		font-size: 16px;
	}
	ul.news_menu_name a i{
		left: 10px;
		top: -4px;
	}

	.page_banner{padding: 50px 0;height: auto !important; }
	.news_list_content ul.col-3 li{width: 100%;}
	.news_list_content ul.col-3 li:nth-child(2n){margin-right: 0;}
	.news_list_content ul.col-3 li:nth-child(3n){margin-right: 2% !important;}
	.single_page_nav .single_content_l{width: 100%;}
	.single_page_nav .sidebar_r{display: none;}
	ul.news_list_rec li .pic{width:100%;}
	.whitebj{padding:10px;}
	ul.news_list_rec li .item_txt{width:100%;box-sizing: border-box;padding:10px;}
	
	/**/
	.contact .con-logo{width:100%;height: 60px;line-height: 60px;font-size: 20px;}
	.zk,.contact{width:100%;}
	.zk{height:auto;margin-bottom: 30px;}
	.zk::after{
		content:"";
		display: block;
		clear:both;
		height: 0;
	}
	.zk .zb{    margin-left: 20px;margin-top:20px;}
	.zk .kf{margin-left: 20px;}
	.supcon .box{width:100%;}
	#map{width:95%;}
	
	/*cases*/
	.page_crumbs{margin-top:18px;}
	.page_content_top{padding: 20px 0 5px 0;}
	.Powershow_list .page_content_top{margin-bottom: 20px;}
	ul.col-2 li{width: 100%;}
	.m_caseIntroduce_Related .m_caseIntroduce{width: 100%;}
	.m_caseDetails{padding:10px;}
	.m_caseIntroduce_Related .m_caseRelated{display: none;}
	/*尾部*/
	.foote_middle{display: none;}
	ul.subscription li.sole input{padding: 8px 8px 8px 15px;}
	.footer_top .sel{margin: 10px 0 0 18px;}
	.news-tips{background-size:180% 100%;}
	.news-tips>div:nth-child(1){width:20%;font-size: 16px;}
	.news-tips>div:nth-child(2){width:80%;padding-left: 0;font-size: 16px;}
	.m_map{width: 100%;height: 300px;background-size: 100% 100%;margin-top: 30px;}
	.mp{background-size: 47%;}
	.mp:hover{background-size: 47%;}      
	.mp .mito{display: none;}
	.mp1{left:20%; top:30%; }
	.mp2{left:32%; top:40%; }
	.mp3{left:45%; top:60%; }
	.mp4{left: 52%;top: 60%; }
	.mp5{left: 51%;top: 68%;}
	.mp6{left:55%; top:75%; }
	.mp7{left:42%; top:70%; }
	.mp8{left:54%; top:46%; }
	.mp9{left: 62%;top: 47%; }
	.mp10{left:60%;top:35%; }
	.mp11{left: 60%;top: 57%;}
	.mp12{left:60%; top:66%; }
	.mp13{left:66%; top:66%; }
	.mp14{left:73%; top:62%; }
	.mp15{left:70%; top:70%; }
	.mp16{left:63%; top:76%; }
	.mp17{left: 74%;top: 75%; }
	.mp18{left: 68%;top: 55%; }
	.mp19{left:72%; top:52%;  }
	.mp20{left:76%; top:57%;}
	.mp21{left: 69%;top: 44%;}
	.mp22{left:26%; top:58%;}
	.mp23{left: 67%;top: 32%;}
	.mp24{left: 69%;top: 35%;}
	.mp25{left: 78%;top: 30%; }
	.mp26{left: 78%;top: 30%; }
	.mp26{left: 83%;top: 20%;}
	.mp27{left: 88%;top: 11%; }
	.mp28{left: 44%;top: 38%;}
	.mp29{left: 50%;top: 41%;}
	.mp30{left: 65%;top: 38%;}
	.mp31{left: 54%;top: 33%; }
	.mp32{left: 56%;top: 86%;}
	.mp33{left: 62%;top: 80%;}
	.mp34 {left: 64%;top: 79%;}
	.mpMsg{width:130px;min-height:70px;font-size:12px;padding:5px;top: -63px;left: -58px;}
	.mpMsg::after{left:56px;}
	.mpMsg>p>span:nth-child(1){min-width:36px;}
	.mp.mp31, .mp.mp27{width: 24px;}
}