/*公共css*/
li{list-style: none;}
/*头部css*/
#nav-auto .navbar-addon{top:0;right:1rem;}
#nav-auto .tel{width:33px;height:79px;background:url(../images/sprite.png) 0 0 no-repeat;}
#nav-auto .bg-black li.active,#nav-auto .bg-black li:hover{background:var(--color-main)!important;}
#nav-auto .bg-black li.active>a{color:#fff;}
#nav-auto li a:hover{color:#fff;}
#nav-auto .search{background:url(../images/sprite.png) -282px -124px no-repeat;outline:none;}
#nav-auto .input-small{border-color:inherit!important;}

/*尾部css*/
.m10{background:url(../images/footbg.jpg) center no-repeat;}
.m10 .btel{background:url(../images/sprite.png) -182px -118px no-repeat;height:80px;}
.m10 .footer-share{padding-top:135px;}
.m10 .footer-share a{float:right;text-align:center;display:inline-block;margin-left:50px;position:relative;}
.m10 .footer-share a .icon{background:#000;width:50px;height:50px;display:block;margin:auto;position:relative;border-radius:50%;}
.m10 .footer-share a .icon:before{content:'';background:#cf0000;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;transform:scale(0);transition:all .38s;z-index:1;}
.m10 .footer-share a .icon i{background:url(../images/share-ico.png) no-repeat;width:50px;height:50px;display:inline-block;position:relative;z-index:2;vertical-align:top;}
.m10 .footer-share a .icon i.i1{background-position:0 0;}
.m10 .footer-share a .icon i.i2{background-position:-120px 0;}
.m10 .footer-share a .icon i.i3{background-position:-240px 0;}
.m10 .footer-share a .code{background:#fff;width:79px;padding:0px;position:absolute;bottom:60px;left:50%;margin-left:-39px;transition:all 0.4s;opacity:0;transform:translateY(50%);box-sizing: content-box;}
.m10 .footer-share a:hover .icon:before{transform:scale(1);}
.m10 .footer-share a:hover .icon i.i1{background-position:0 -54px;}
.m10 .footer-share a:hover .icon i.i2{background-position:-120px -54px;}
.m10 .footer-share a:hover .icon i.i3{background-position:-240px -54px;}
.m10 .footer-share a:hover .code{transform:translateY(0);opacity:1;}
.m10 .footer-share a:first-child{margin-right:0;}
@media (max-width:576px){
	.schform{margin-top: 1rem;}
	#nav-auto .nav-switch{order:1;}
	#navbody-outer{z-index: 9999;padding-bottom: 15px!important;}
	.m10{background-size: cover;}
	.m10 .footer-share{ padding-top:15px; width:100%;}
	.m10 .footer-share a{ margin-left:30px;float: left;}
	.m10 .footer-share a:first-child{margin-left: 0;}
}