@charset "utf-8";


.about-banner {position: relative;background: #0262b3;
    background-image: linear-gradient(135deg, rgba(5,155,218,0.90) 0%, rgba(2,98,179,0.80) 100%);
    background-image: -webkit-linear-gradient(rgba(5,155,218,0.90), rgba(2,98,179,0.80));
    background-image: -moz-linear-gradient(135deg, rgba(5,155,218,0.90), rgba(2,98,179,0.80));
    background-image: -ms-linear-gradient(135deg,rgba(5,155,218,0.90), rgba(2,98,179,0.80));
    background-image: -o-linear-gradient(135deg,rgba(5,155,218,0.90), rgba(2,98,179,0.80));
    background-image: linear-gradient(135deg,rgba(5,155,218,0.90), rgba(2,98,179,0.80));
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='rgba(5,155,218,0.90)', endcolorstr='rgba(2,98,179,0.80)', gradienttype=0);

}
.about-banner-bg{background:  no-repeat;background-size:cover;background-position: center center;}
.about-banner .about-banner-inner{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:0px;padding-right:0px;}
.about-banner-block {display:block;float:left;width:100%;position:relative;height:60px;margin-top:50px;margin-bottom:50px;}
.about-banner-thumb{width: 382px;height: 100px;}
.about-banner-title{font-size:44px;color:#ffffff;line-height:60px;font-weight:bold;margin-bottom: 10px;}
.about {position: relative;}
.about .about-inner{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
.about-block {display:block;float:left;width:100%;position:relative;margin-top:50px;}
.about-btns{width: 180px;display: inline-block;float: left;margin-right: 50px;}
.about-content{width: calc(100% - 230px);display: inline-block;float: left;padding-top: 0px;}
.about-btns li{
    background: #e5eff7;
    width: 140px;
    height: 60px;
    padding: 0px 20px;
    margin-bottom: 10px;
    cursor: pointer;
    display: block;
    align-items: center;
    text-align: center;
    }
.about-btns li a{font-size: 18px;color: #0262b3;letter-spacing: 0;line-height: 60px;}

.about-btns li.active{background: #0262b3}
.about-btns li.active a{color: #ffffff}
.about-btns li.gov a,.about-btns li.gov.active a{line-height: 30px}
.about .about-content{font-size: 18px;color: #333333;line-height: 32px;margin-bottom: 50px;}
.about .about-content p{font-size: 18px;color: #333333;line-height: 32px;margin-bottom:32px;text-align: justify;}
.about .about-content h2{font-size: 24px !important;margin-bottom:32px;}
.about .about-content h6{font-size: 12px !important;color: #999999 !important;;line-height: 24px !important;margin-bottom:0px;}
.about .about-content table{width: 100%}
.about .about-content table tr{background: #fff;color:#333;height: 50px;}
.about .about-content table td{padding-left: 30px;word-break:break-word;word-wrap: break-word;}
.about .about-content table tr td:first-child{min-width: 80px;}
.about .about-content table tr:nth-child(2n 1){background: #e5eff7}
.about .about-content table tr.table-header{background:#0262b3;color: #fff;}

@media (max-width: 979px) {
    .about-banner-bg{background-image: ;}
    .about-banner-block{margin-top: 30px;margin-bottom: 30px;height:36px;margin-left: 20px;width: calc(100% - 20px)}
    .about-banner-thumb{width: 233px;height: 60px;}
    .about-banner-thumb img{width: 233px;height: 60px;}
    .about .about-inner{padding: 0px;}
    .about-btns{width:100%;margin-right: 0px;display: block;overflow: hidden;margin: 0;}
    .about-btns ul{display: block;white-space: nowrap;touch-action:pan-x;overflow-x: scroll;-moz-user-select: none; -khtml-user-select: none; user-select: none;onselectstart:none}
    .about-btns ul::-webkit-scrollbar {display: none}
    .about-block{margin-top: 20px;}
    .about-btns li{min-width: 72px;width:auto;display:inline-block;margin-right: 10px;}
    .about-btns li:first-child{margin-left: 20px;}
    .about-btns li:last-child{margin-right: 20px;}
    .about-content{width:calc(100% - 40px);padding-top:30px;padding-left: 20px;padding-right: 20px;}
    .about-banner-title{font-size: 26px;line-height: 36px;}
    .about-btns li.gov a,.about-btns li.gov.active a{line-height: 60px}
}
@media (min-width: 980px) and (max-width: 1400px) {
    .about-banner .about-banner-inner,.about .about-inner{max-width: 960px;}
    .about-btns{margin-right: 40px;}
    .about .about-content{width:calc(100% - 220px);}
    .about-btns li.gov{height: 60px;padding-top: 18px;}
    .about-btns li.gov a{line-height: 20px;}
    .about-btns li.gov a,.about-btns li.gov.active a{line-height: 30px}
}