@charset "utf-8";
.service0001{ 
	width:90px; 
	height: auto; 
	position: fixed; 
	right:0.5%;
	top:calc(50% - 200px);
	z-index: 500;
}
.service0001>a{ display:block; width:90px; height:90px; margin-bottom:2px; 
	background-color:rgba(0,0,0,0.5); 
	cursor:pointer; position:relative; 
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	z-index: 100;
}

.service0001>a:hover{ background-color:var(--OneColor);}
.service0001>a:hover .service0001_tel{ display:block;}
.service0001>a:hover .service0001_ma{ display:block;}

.service0001_tu{ width:100%; height:46px; position:relative;}

.service0001_img{ width:100%; height:24px; overflow:hidden; text-align:center; position: absolute;top:22px;left: 0;display: inline-block;text-align: center;filter:alpha(opacity=100);opacity: 1;}
.service0001_img img{ height:24px; width:auto;}

.service0001_tit{ width:100%; text-align:center; font-size:0.875rem; color:var(--FontWhiColor); height:28px; line-height:28px; margin-top:7px;}

.service0001_tel{ width:170px; height:90px; line-height:90px; position: absolute; top: 0; left:-175px; display:none; background-color:rgba(0,0,0,0.5);  font-size:1.25rem; color:var(--FontWhiColor); font-family:Arial; font-style:italic; text-align:center;}

.service0001_ma{ width:120px; height:120px; position: absolute; top: 0; left:-125px; display:none; background-color:var(--FontTowColor);}
.service0001_ma img{ width:120px; height:120px}

.service0001_phone{
	display: none;
}

@media screen and (max-width:1919px)and (min-width:1440px){
	.service0001{ width:80px;  right:0.5%; top:calc(50% - 160px);}
	.service0001>a{ width:80px; height:80px;}
	
	.service0001_tu{ width:100%; height:42px; position:relative;}
	
	.service0001_img{ width:100%; height:20px; top:22px;}
	.service0001_img img{ height:20px; width:auto;}
	
	.service0001_tit{  margin-top:4px;}
	.service0001_tel{ width:150px; height:80px; line-height:80px; left:-155px; font-size:18px;}
	
	.service0001_ma{ width:105px; height:105px; position: absolute; top: 0; left:-110px;}
	.service0001_ma img{ width:105px; height:105px}
}
@media screen and (max-width:1439px)and (min-width:1024px){
	.service0001{ width:70px; right:0.5%; top:calc(50% - 140px);}
	.service0001>a{ display:block; width:70px; height:70px;}
	
	.service0001_tu{ width:100%; height:36px; position:relative;}
	
	.service0001_img{ width:100%; height:18px; top:18px;}
	.service0001_img img{ height:18px; width:auto;}
	
	.service0001_tit{ font-size:12px; margin-top: 2px;}
	.service0001_tel{ width:140px; height:70px; line-height:70px; left:-145px; font-size:1ren;}
	
	.service0001_ma{ width:95px; height:95px; position: absolute; top: 0; left:-100px;}
	.service0001_ma img{ width:95px; height:95px}
}

@media screen and (max-width:1023px)and (min-width:300px){
	/*漂浮框*/
.service0001{ display:none;}


.service0001_phone{ display:block; width:100%; height:40px;}
	.service0001_phone_1{ width:100%; height:40px; background-color:var(--OneColor); position:fixed; bottom:0; z-index:99; text-align:center; line-height:40px;
	display: flex;
	justify-content: space-between;
	}
	.service0001_phone_1>a{  width:50%; height:40px; line-height:40px; background:url(../images/service0001_5.png) no-repeat left;}
	.service0001_phone_1 span{ display:inline-block; font-size:14px; color:#fff; background:url(../images/service0001_1.png) no-repeat left; background-size:18px; padding-left:28px;}
	.service0001_phone_1>a:nth-child(1){ background:none;}
	.service0001_phone_1>a:nth-child(2) span{ background:url(../images/service0001_2.png) no-repeat left; background-size:18px; padding-left:26px;}




	}