@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/*base style*/
*{ margin:0; padding:0;}
body{ margin:0; padding:0; font-size:14px; font-family:"Microsoft YaHei";margin: 0 auto; }
ul,p,form,input,h1,h2,h3,h4,h5,h6{padding:0; margin:0;}
li{list-style:none;}
img{border:0;}
a{text-decoration:none; color:#000000;}
a:hover{ text-decoration:none;}
.clear{clear:both;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.c{text-align:center;}

.bg {
    background-image: url("../images/PCbg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    padding-bottom: 40px;
}
.bg img{
	display:block;
	margin:auto;
}
.bg .zt{
    width:1167px;
    height: auto;
    margin:0 auto;
    background-color: #FFF;
    padding-bottom: 20px;
}
.weibu {
    background-image: url("../images/wb_01.png");
    background-repeat: repeat-x;
    background-position: center;
    height: 668px;
    text-align: center;
}
.weibu a {
}
.weibu a img {
}

.tab-container {  
    width:1200px;  
    margin: 0 auto;
}  
  
.tabs {  
  display: flex;  
  justify-content: space-between;  
  background-color: #f1f1f1;  
  padding: 10px;  
}  
  
.tab {  
  cursor: pointer;  
  padding: 10px;   
    background-color: #FFFFFF;
    color: #ec0303;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    width: 45%;
    line-height: 40px;
    border: 2px solid #ec0303; 
}  
  
.tab.active {  
    background-color: #ec0303;
    color: #FFFFFF;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    width: 45%;
    line-height: 40px;
}  
  
.tab-content {  
  display: flex;  
  flex-direction: column;  
  padding: 10px;  
}  
  
.tab-pane {  
  display: none;  
}  
  
.tab-pane.active {  
  display: block;  
}