.GoTop {
    /*position: fixed;*/
    width: 100px;
    /*bottom: 0;
    right: 0;*/
    z-index: 99999;
    height: 100px;
    background: none;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    line-height: 100px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    background: rgba(255,255,255,0);
}
.GoTop p{
	position: absolute;
	top: -100%;
	right: -100%;
}
.GoTop a{
	display: block;
	height: 100px;
	width: 100%;
}
.GoTop svg {
    width: 20px;
    position: relative;
    top: 5px;
    height: 20px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.GoTop:hover{ background: rgba(0,0,0,0.3);}
.GoTop:hover svg{ fill: #fff;}
.GoTop.active, 
.myTop a.active {
    opacity: 1;
    visibility: visible;
}
.myTop1{width: 100px; height: 400px;position: fixed;right: 0;bottom: 0px; z-index: 99;}
.myTop1 a{width: 100%; 
	height: 100px;
	text-align: center;
	line-height: 100px;
	color: #000; 
	display: block; 
	position: relative;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out;
}
.myTop1 p{height: 100px; 
	line-height: 100px; 
	width: 389px; 
	color: rgba(0,0,0,0); 
	padding-left: 43px; 
	font-size: 20px; 
	background: rgba(255,255,255,0.15); 
	position: absolute; 
	left: 0; 
	top: 0;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}



.myTop{width: 100px; height: 400px;position: fixed;right: 0;bottom: 0px; z-index: 99;}
.myTop a{width: 100%; 
	height: 100px;
	opacity: 0; 
	visibility: hidden;
	text-align: center;
	line-height: 100px;
	color: #000; 
	display: block; 
	position: relative;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out;
}
.myTop p{height: 100px; 
	line-height: 100px; 
	width: 389px; 
	color: rgba(0,0,0,0); 
	padding-left: 43px; 
	font-size: 20px; 
	background: rgba(255,255,255,0.15); 
	position: absolute; 
	left: 0; 
	top: 0;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}
.myPhone p{background: rgba(255,255,255,.15) url(../images/mynum.png) no-repeat 37px center;}
.myPhone:hover p{background: rgba(0,0,0,.4) url(../images/mynum2.png) no-repeat 37px center;left: -315px;color: #fff;}
.myQQ{background: rgba(255,255,255,0.15) url(../images/wxs1.png) no-repeat center;}
.myQQ:hover{background-image: url(../images/wxs2.png);background-color: rgba(0,0,0,.4);}
/*.myQQ{background: rgba(255,255,255,0.15) url(../images/wxs1.png) no-repeat center;}
.myQQ:hover{background-image: url(../images/wxs2.png);background-color: rgba(0,0,0,.4);}*/
.myweixin{ position: relative; width: 100%; height: 100px; background: rgba(255,255,255,.15) url(../images/wechat1.png) no-repeat 32px center;}
.myweixin:hover{background: rgba(255,255,255,.15)url(../images/wechat2.png) no-repeat 32px center; background-color: rgba(0,0,0,.4);}
.myweixin img{ width: 100px; height: 100%; position: absolute; left: -100px; top: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -4;
	filter: alpha(opacity='0');
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out;
}
.myweixin:hover img{
	opacity: 1;
	visibility: visible;
	z-index: 1;
	filter: alpha(opacity='100');
}
.mytop{background: rgba(255,255,255,0.15) url(../images/fanhui.png) no-repeat center;}
.mytop:hover{background-image: url(../images/fanhui1.png);background-color: rgba(0,0,0,.15);}
.xm-about .history .time-line .year .month em {
    top: 50%!important;
    margin-top: -8px;
}
.swiper-container-vertical>.swiper-pagination-bullets{
	top: 67%!important
}