* {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;box-sizing:border-box;}
body {background: #fff;font-family:"Microsoft YaHei","Verdana","Arial","sans-serif"; }

a {text-decoration:none;}
a:hover {text-decoration:none; }
img {border:none; }
input, 
button {font-family:"Microsoft YaHei","Verdana","Arial","sans-serif";}
ul{list-style: none;}

.clearfix:after {content: ".";display: block;height:0;clear:both;visibility: hidden;}
.clearfix { *zoom:1; }
.pull-left{float: left!important;}
.pull-right{float: right!important;}


/* animation */
@keyframes rotate{
    0%{
        transform: rotate(0);
      }
    50%{
    	transform: rotate(180deg);
    }
    100%{
         transform: rotate(360deg);
    	}
	}

 /* zoom */
.zoom-in {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    /*cursor: pointer;*/
}
.zoom-in:hover {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.innerbox{/*min-width: 1350px;*/ margin: 0 auto;}

/*toTop*/
.asidebar {position: fixed; width: 60px; bottom: 10%; right: 2px; z-index: 890;}
.asidebar .toTop { width: 100%; margin-bottom: 3px; background: rgba(255,255,255,.5); text-align: center; overflow: hidden;}
.asidebar .toTop a { display: block;  height: 60px;  border:1px solid rgba(0,0,0,.1); box-shadow: 0 0 4px rgba(0,0,0,.2);background: rgba(255,255,255,.5);}
.asidebar .toTop a span{display: block; height: 60px; width: 60px; padding-top: 10px;}
.asidebar .toTop a svg{font-size: 40px; color: rgba(0,0,0,.6);}
.asidebar .toTop a:hover { background: #e12500; text-decoration: none; color: #fff;}
.asidebar .toTop a:hover .icon{display: none;}
.asidebar .toTop a:hover .txt{color: #fff; padding: 10px; line-height: 20px;}


/* 小屏幕（桌面显示器，大于等于 768px） */
@media (max-width:768px) {
    .innerbox{/*width: 100%; */margin: 0 auto;}

    /*toTop*/
    .asidebar {width: 40px; }
    .asidebar .toTop {background: transparent; text-align: center;}
    .asidebar .toTop a {height: 40px; }
    .asidebar .toTop a span{display: block; height: 40px; width: 40px; padding-top: 5px; }
    .asidebar .toTop a svg{font-size: 28px; line-height: 38px; }
    .asidebar .toTop a:hover .icon{display: none;}
    .asidebar .toTop a:hover .txt{color: #fff; padding: 2px; line-height: 16px; font-size: 12px}

}