@charset "utf-8";
/* donghua */
[ripple] {z-index: 1;position: relative;overflow: hidden;}
[ripple] .ripple{position: absolute;background: #FFF;width: 12px;height: 12px;border-radius: 100%;
	-webkit-animation: ripple 1.6s;animation: ripple 1.6s;}
@-webkit-keyframes ripple{
	0%{-webkit-transform: scale(1);transform: scale(1);opacity: 0.2;}
	100%{-webkit-transform: scale(40);transform: scale(40);opacity: 0;}
}
@keyframes ripple{
  0%{-webkit-transform: scale(1);transform: scale(1);opacity: 0.2;}
  100%{-webkit-transform: scale(40);transform: scale(40);opacity: 0;}
}
.zizhi_bj{width: 100%; background: #eee;overflow: hidden;}
.tabs{position: relative;margin: 20px auto 40px;}
.tabs-header{position: relative;overflow: hidden;margin-bottom: -1px;}
.tabs-header ul{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(100% - 68px);}
.tabs-header ul li{margin-right: 10px;-webkit-transition: 0.3s ease;transition: 0.3s ease;}
.tabs-header ul li a{display: block;padding: 15px 40px; background: #569ee0;color: #eee;border: 1px solid #569ee0;border-bottom: none!important; z-index: 1;}
.tabs-header ul li.active a{background: #fff;color: #569ee0;border: 1px solid #569ee0;}
.tabs-content ul li{float: left;width: 23.5%;margin:20px 0;margin-right: 2%;line-height: 2em; text-align: center;}
.tabs-content ul li:nth-child(4n){margin-right: 0;}
.tabs-content ul li:hover{-webkit-transition: 0.3s ease;transition: 0.3s ease;}
.tabs-content ul li p{background: #eee;color: #000;}
.tabs-content{position: relative;height: auto!important; padding: 40px 3%;background: #FFF;border: 1px solid #569ee0;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);-webkit-transition: 0.3s ease;transition: 0.3s ease;}
.tabs-content .tab{display: none;}
.tabs-content .tab.active{display: block;}