
@import url(https://at.alicdn.com/t/c/font_3589082_589yq36tqnp.css);
body{
    background-color: #fff;
}
.event-title{

margin-top: 40px;
}
.event-list{

margin-top: 20px;

padding-left: 0px;
}
.event-list li a{
    
border: 1px #DADADA  solid;
    
display: block;
    
text-align: center;
    
padding: 20px  15px;
    
margin: 20px 0px;
}
.event-list li a i{
    
font-size: 42px;
    
color: #fff;
    
width: 84px;
    
display: block;
    
height: 84px;
    
margin: 10px auto;
    
border-radius: 100%;
    
line-height: 2;
}
.event-list li a p{
    
font-size: 22px;
    
margin-bottom: 0px;
    
height: 66px;
    
display: flex;
    
align-items: center;
    
justify-content: center;
}
.bg-blue i{
background-color: #009BEC;
}
.bg-blue p{
    color: #009BEC;
}
.bg-red i{
    background-color: #D86363;
}
.bg-red p{
    color: #D86363;
}
.bg-zs i{
    background-color: #6378D8;
}
.bg-zs p{
    color: #6378D8;
}
.bg-org i{
    background-color: #D88763;
}
.bg-org p{
    color: #D88763;  
}
.bg-success1 i{
    background-color: #9DD98D;
}
.bg-success1 p{
    color: #9DD98D;  
}
.bg-yellow i{
    background-color: #D39736;
}
.bg-yellow p{
    color: #D39736;  
}
.bg-zs1 i{
    background-color: #C2CDEB;
}
.bg-zs1 p{
    color: #C2CDEB;  
}
.title-border{position: relative;border-left: 10px #0091C3 solid;padding-left: 10px;margin-top: 40px;}
.title-border::before{
    content: '';
    width: 100%;
    height: 23px;
    position: absolute;
    background-color: #E1F7FF;
    top: 11px;
}
.title-border  span{
    
color: #0091C3;
    
font-size: 36px;
    
position: relative;
    
background-color: #fff;
    
padding-right: 30px;
}
.tablist{

padding-left: 0px;

margin-top: 40px;

margin-bottom: 0px;

padding-bottom: 39px;
}
.tablist li a{
    
}
.tablist li a i{
    
width: 84px;
    
display: block;
    
height: 84px;
    
line-height: 2;
    
font-size: 42px;
    
background-image: linear-gradient(180deg, rgba(100, 210, 255, 1) , rgba(50, 92, 184, 1)  );
    
border-radius: 100%;
    
color: #fff;
    
text-align: center;
    
margin: 10px auto;
}
.tablist li a p{
    
text-align: center;
    
color: #3C4347;
    
font-size: 20px;
}
.tablist li.active::before{
    content: '';
    border-bottom: 35px #478ED6 solid;
    border-left: 17px transparent  solid;
    border-right: 17px transparent solid;
    position: absolute;
    bottom: -40px;
    left: calc(50% - 17px);
}
.tabpane{
    
background-color: #F3F9FE;
    
padding: 20px;
    
border-radius: 10px;
    
border: 1px #478ED6 solid;
    
margin-bottom: 40px;
display: none;
}
.tabpane.active{
    display: block;
}
.tabpane-list{

margin-bottom: 0px;

padding-left: 0px;
}
.tabpane-list li{
	margin: 10px 0px;
}
.tabpane-list a{
    
    
background-color: #fff;
    
border: 1px #478ED6 solid;
    
border-radius: 10px;
    
font-size: 18px;
    
color: #335FBA;
    
text-align: center;
    
display: flex;
    
align-items: center;
    
justify-content: center;
    
padding: 10px  15px;
}

.right-img{

margin-top: 50px;

padding: 50px 20px 86px;

border: 1px #979797 solid;

border-radius: 10px;
}


.right-img  i{
   background: url(/assets-zwgk/zwgkzy/shqp/img/xzzf/icon-bg.png) no-repeat;
   background-size: 100% 100%;
   font-size: 50px;
   color: #fff;
   width: 100%;
   height: 200px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.right-img p{
    
color: #3C4347;
    
font-size: 24px;
    
text-align: center;
    
margin-top: 30px;
}
.news-yao {
    margin-top: 42px;
    margin-bottom: 20px;
}
.news-list-title {
    width: 100%;
    height: 8px;
    background: rgba(2,131,199,.1);
    position: relative;
}
.news-list-title h5 {
    font-size: 22px;
    font-weight: 500;
    color: rgba(40,46,46,1);
    padding-right: 16px;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: -10px;
    background: #fff;
}
.midd-list {
    padding-left: 0;
    margin-top: 40px;
    margin-bottom: 0;
    padding-bottom: 11px;
}
.midd-list li {
    padding-bottom: 20px;
    border-bottom: 1px dashed #EEEEEE;
    margin-top: 13px;
}
.midd-list li a {
    font-size: 16px;
    color: #282E2E;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
    vertical-align: bottom;
}
.midd-list .time {
    font-size: 16px;
    font-weight: 400;
    color: rgba(185,194,193,1);
    padding-right: 11px;
    border-right: 1px solid #EEEEEE;
    margin-right: 15px;
}
@media (min-width: 1400px){
  #main .container {
        width: 1170px!important;
    }
   
}
@media (min-width: 1200px){
    #main .container {
        width: 1170px;
    }
}
@media(max-width:767px){
    .event-list li a i{
        width: 60px;
    
        height: 60px; 
        font-size: 32px;
    }
    .event-list li a p{
        font-size: 16px;
        height: 45px
    }
    .event-list li a{
        padding: 10px;
    }
    .title-border span{
        font-size: 20px;
    }
    .title-border::before{
        display: none;
    }
    .tablist li a i{
        width: 60px;
        display: block;
        height: 60px;
        font-size: 28px;
    }
    .tablist li a p{
        font-size: 14px;
    }
    .tabpane-list a{
        font-size: 14px;
        height: auto;
        margin-bottom: 10px;
        background-color: transparent;
        border: none;
    }
    .tabpane{
        padding: 20px;
    }
    .right-img {
        margin-top: 50px;
        padding: 0px 20px 30px;
        border:none;
    }
    .tablist li.active::before{
        border-bottom: 20px #478ED6 solid;
    }
    

.event-title {
 
    transform: scale3d(2, 2, 2);
}
    .right-img p{
        font-size: 18px;
    }
}
.news-green>li{
	padding-bottom: 10px;
	padding-top: 10px;
}
.tese-bid-tu{
	background: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
}
.tese-bid-tu>li{
	background: url(/assets-zwgk/zwgkzy/shqp/img/xzzf/btn01.jpg);
    width: 192px;
    background-repeat: no-repeat;
    height: 65px;
    padding-top: 14px;
    display: inline-block;
    margin-right: 30px;
}
.tese-bid-tu>li.btnc02{
	background: url(/assets-zwgk/zwgkzy/shqp/img/xzzf/btn02.jpg);
	width: 317px;
	margin-right: 26px;
}
.tese-bid-tu>li>a>span{
	margin-left: 86px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}