:root { 
    --bg-img:url("") no-repeat;}/*配合aa使用，固定背景*/
    .w1000{max-width:1000px;margin: 0 auto;}.card-body p:last-child{margin-bottom:0}.rcontent{margin-bottom:.5rem;margin-left:1rem;padding-top:.5rem;border-top:1px dashed #dee2e6}
	.in_bg{ background: #FBC02D url(../../images/shu.jpg) center top no-repeat;max-width:1000px;height:900px;margin-bottom:20px;}
	.htt{color:#000;font-weight:bold;}
	@media screen and (max-width:768px){.in_bg{height:500px;background-size:100% 100%;}
	    iframe{display:none;}
	}

.float-image {
    float: left; 
    margin-right: 5px; 
    height:auto;
}
 
.tip_c  {
    overflow: auto; 
}

	.aa{z-index:-10;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  opacity:0.4;
  filter:alpha(opacity=40);
  background: url('') no-repeat center top,
              var(--bg-img);
  /*background-size: 100% auto;*/
  background-size: cover;
  height: calc(100vh);// 高度为屏幕的高度}
  
  /** 梅花树 **/
.meiha {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;
	width: 350px;
	height: 231px;
	pointer-events: none;
	background: url(../../images/mh.png);
	animation: gradually 3s linear 1; 
}
/* 返回顶部 */
#BackToTop {
	bottom:0px;
	left:0px;
	position:fixed;
	opacity:0.5;
	transition:all .5s;
	cursor:pointer;
	transform:scale(.7,.7);
	transform-origin:right bottom;
        z-index: 20;
}
#BackToTop:hover {
	opacity:1;
}
.toolt { 
   display: none;
    position: absolute;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    z-index: 1000; 
} 
 footer{
        background:url(../../images/header.jpg) repeat-x;background-attachment:fixed
        padding-bottom: 50px;/*配合aa使用，固定底部*/
} 
.header{height:48px;background: url(../../images/hdd.png) repeat-x;}

@-webkit-keyframes rotate{
    to{
        -webkit-transform: rotate(10deg);
    }
}
@-ms-keyframes rotate{
    to{
        -ms-transform: rotate(10deg);
    }
}
@-moz-keyframes rotate{
    to{
        -moz-transform: rotate(10deg);
    }
}
@-o-keyframes rotate{
    to{
        -o-transform: rotate(10deg);
    }
}
@keyframes rotate{
    to{
        transform: rotate(10deg);
    }
}
.clock{
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    display: block;
    width: 30px;
    height:192px;
    margin: 0 auto;
    background-size: 100% 100%;
    -webkit-animation: rotate 3.5s ease-in-out alternate infinite;
    -ms-animation: rotate 3.5s ease-in-out alternate infinite;
    -moz-animation: rotate 3.5s ease-in-out alternate infinite;
    -o-animation: rotate 3.5s ease-in-out alternate infinite;
    animation: rotate 3.5s ease-in-out alternate infinite;
    position: relative;
}
.clock1{
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    display: block;
    width: 30px;
    height:192px;
    margin: 0 auto;
    background-size: 100% 100%;
    -webkit-animation: rotate 2.9s ease-in-out alternate infinite;
    -ms-animation: rotate 2.9s ease-in-out alternate infinite;
    -moz-animation: rotate 2.9s ease-in-out alternate infinite;
    -o-animation: rotate 2.9s ease-in-out alternate infinite;
    animation: rotate 2.9s ease-in-out alternate infinite;
    position: relative;
}
.clock2{
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    display: block;
    width: 30px;
    height:192px;
    margin: 0 auto;
    background-size: 100% 100%;
    -webkit-animation: rotate 3.2s ease-in-out alternate infinite;
    -ms-animation: rotate 3.2s ease-in-out alternate infinite;
    -moz-animation: rotate 3.2s ease-in-out alternate infinite;
    -o-animation: rotate 3.2s ease-in-out alternate infinite;
    animation: rotate 3.2s ease-in-out alternate infinite;
    position: relative;
}
.clock3{
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    display: block;
    width: 30px;
    height:192px;
    margin: 0 auto;
    background-size: 100% 100%;
    -webkit-animation: rotate 3.5s ease-in-out alternate infinite;
    -ms-animation: rotate 3.5s ease-in-out alternate infinite;
    -moz-animation: rotate 3.5s ease-in-out alternate infinite;
    -o-animation: rotate 3.5s ease-in-out alternate infinite;
    animation: rotate 3.5s ease-in-out alternate infinite;
    position: relative;
}
.clock4{
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    display: block;
    width: 30px;
    height:192px;
    margin: 0 auto;
    background-size: 100% 100%;
    -webkit-animation: rotate 3.8s ease-in-out alternate infinite;
    -ms-animation: rotate 3.8s ease-in-out alternate infinite;
    -moz-animation: rotate 3.8s ease-in-out alternate infinite;
    -o-animation: rotate 3.8s ease-in-out alternate infinite;
    animation: rotate 3.8s ease-in-out alternate infinite;
    position: relative;
}
.clock5{
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    display: block;
    width: 30px;
    height:192px;
    margin: 0 auto;
    background-size: 100% 100%;
    -webkit-animation: rotate 4.1s ease-in-out alternate infinite;
    -ms-animation: rotate 4.1s ease-in-out alternate infinite;
    -moz-animation: rotate 4.1s ease-in-out alternate infinite;
    -o-animation: rotate 4.1s ease-in-out alternate infinite;
    animation: rotate 4.1s ease-in-out alternate infinite;
    position: relative;
}