/* 页面主体 */
#main{
    width: 100%;
    overflow: hidden;
    padding-bottom: 50px
}
/* 页面主体########## */


/* 通用 */
.article-wrap{
    margin-bottom: 20px;
}
.article-title{
    padding: 30px 0 20px  32px;
    font-size: 20px;
    text-indent: 0.5em;
    border-bottom: 1px solid #e6e6e6;
    background: url('../imgs/pc/title-icon.png') no-repeat 10px 30px;
}
.article-content{
    padding:  20px;
}
.article-p{
    font-size: 16px;
    color: #333;
    line-height: 1.75;
    padding: 10px 0;
    word-wrap: break-word;
    position: relative;
}
.article-p i{
    position: absolute;
    font-style: normal;
    background: #00a0ea;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 0;
    top: 16px;
}
.article-p.img-fl  img{
    float: left;
    width: 300px;
    margin-right: 15px;
}
.article-p.img-fr  img{
    float: right;
    width: 300px;
    margin-left: 15px;
}
.article-list{
    background: #f5f5f5;
    padding: 20px 20px 0 20px;
    margin-bottom: 20px;
}
.article-list .item{
    padding:0 0 20px 26px;
    position: relative;
}
.article-list .item i{
    position: absolute;
    background-color: #00a0ea;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    left: 0;
    top: 2px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    font-style: normal;
}
.article-p-title{
    color: #00a0ea;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 0 0 0;
}
.article-info{
    padding: 20px ;
}
.strong{
    font-weight: bold;
}
.indent{
    text-indent: 2em;
}
.img-100{
    width: 100%;
}
.noborder-b{
    border-bottom: none !important;
}
.noborder-r{
    border-right: none !important;
}
.bg-f5{
    background-color: #f5f5f5;
}
.flex-container{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.space-bettwen{
    justify-content: space-between;
}
.space-around{
    justify-content: space-around;
}
.div-cols-2{
    width: 49%;
}
.div-cols-3{
    width: 32%;
}
.div-cols-4{
    width: 25%;
}
.div-cols-5{
    width: 20%;
}
.div-cols-4-margin{
    width: 23%;
}
.txt-center{
    text-align: center;
}
.border-f5{
    border: 1px solid #f5f5f5;
}
.border-e6{
    border: 1px solid #e6e6e6;
}
.border-e6-top{
    border-top: 1px solid #e6e6e6;
}
.bg-f2f9f9{
    background-color: #f2f9f9;
}
.tab-bar .tab-title{
    height: 50px;
    border: 1px solid #e6e6e6;
    background-color: #f5f5f5;
    position: relative;
    line-height: 50px;
    font-size: 16px;
    color:#00a0ea;
    font-weight: bold;
    padding-left: 20px;
    background-position: 96% center;
    background-repeat: no-repeat;
    background-image: url("../imgs/pc/un_active.png");
    cursor: pointer;
} 
.tab-bar .tab-title:hover{
    background-color: #00a0ea;
    border:none;
    color: #fff;
}
.tab-bar.active .tab-title{
    background-image: url("../imgs/pc/tab_active.png");
}
.tab-info{
    width: 100%;
    height: auto;
    border: 1px solid #e6e6e6;
    background: #fff;
    display: none;
}
.tab-bar.active .tab-info{
    display: block;
}

.title2-box h3{
    text-align: center;
    font-size: 26px;
    color: #333;
    line-height: 55px;
}
.title2-box p{
    text-align: center;
    font-size: 20px;
    color: #727272;
    padding: 20px 180px;
}
.title2-box  .imgbox{
    text-align: center;
}
.title2-box img{
    width: 80%;
    margin: 0 auto;
}
/* 通用####### */



/* banner */
.banner img{
    width: 100%;
}
/* banner########## */

/* banner下方的提示导航 */
.tips{
    width: 100%;
    background-color: #f5f5f5;
}
.tips-box{
    width: 1050px;
    margin: 0 auto;
    line-height: 50px;
}
.young-color{
    color: #00a0ea;
}
/* banner下方的提示导航 ###########*/

#container{
    width: 1000px;
    margin: 0 auto;
}

/* 主标题 */
#main-title{
    padding: 50px 0 30px 0;
    font-size: 28px;
    border-bottom: 4px solid #e6e6e6;
}

#main-title-center{
    padding: 50px 0 30px 0;
    font-size: 28px;
    border-bottom: 4px solid #e6e6e6;
    text-align: center;
}
/* 主标题####### */

/* 业务标题 */
#bustitle{
    padding: 10px 0 10px 0;
    font-size: 28px;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
}

/* 主标题####### */


/* 板块类型 1 */
#block-1{
    border-bottom:1px solid #e6e6e6;
}
/* 板块类型 1 #############*/


/* 板块3 */
.yykj-box,.yyjz-box{
    height: 510px;
}


/* 板块4 */
.gongneng-box{
    height: 586px;
}
/* 模块5 */
#block-5 .pingjia-box{
    height: 400px;
}
#block-5 .pingjia-box img{
    width: 100%;
}
#block-5 .img-wrap{
    height: 300px;
}
#block-5 .tab-title{
    color: #333;
}
#block-5 .tab-bar .tab-title:hover {
    background-color: #00a0ea;
    border: none;
    color: #fff;
}
#block-5 .flex-container{
    margin-bottom: 20px;
}

/* 板块6 */
#block-6 .info{
    height: 274px;
}
#block-6 .info img{
    width: 100%;
}
.article-second-title{
    width: 100%;
    background: #f5f5f5;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;

}


/* 模块7 */
#block-7 .info{
    height: 274px;
    background-color: #f5f5f5;
    line-height: 1.75;
}


/* 模块8 */
#block-8 .tab-btn-box{
    width: 100%;
    background-color: #f5f5f5;
    border: 1px solid #e6e6e6;
    height: 50px;
}
#block-8 .tab-btn-box .tab-btn{
    height: 100%;
    line-height: 50px;
    padding: 0 20px;
    font-size:16px;
    float: left;
    cursor: pointer;
}
.tab-btn-box .tab-btn.active{
    background: #fff;
    color: #00a0ea;
    border-bottom: 2px solid #00a0ea;
}
#block-8 .ys-content{
    display: none;
    height: 500px;

}
#block-8 .ys-content.active{
    display: block;
}

/* 板块9 */
#block-9  .vertical-wrap{
    height: 400px;
}
#block-9 .tab-btn-box{
    width: 180px;
    background-color: #f5f5f5;
    border: 1px solid #e6e6e6;
    height: 100%;
    float: left;
}
#block-9 .article-content{
    float: left;
    width: 820px;
    height: 100%;
}
#block-9 .tab-btn-box .tab-btn{
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size:16px;
    cursor: pointer;
}
#block-9 .tab-btn-box .tab-btn.active{
    background: #fff;
    color: #00a0ea;
    border-bottom: 2px solid #00a0ea;
}
#block-9 .guanli-content{
    display: none;
    height: 100%;
}
#block-9 .guanli-content.active{
    display: block;
}


/* block 10 */
#block-10{
    margin-top: 30px;
}
#block-10 .person{
    width: 32%;
    height: 300px;
    border: 1px solid #e6e6e6;
    padding: 0 60px;
    background-color: #fff;
    background-image: url('../imgs/pc/job_bg.png');
    background-repeat: no-repeat;
    background-position: left top ;
    background-size: cover;
}
#block-10 .icon{
    height: 132px;
    background-repeat: no-repeat;
    background-position: center 50px;
}
#block-10 .ld{
    background-image: url('../imgs/pc/r-1.png');
}
#block-10 .bmfzr{
    background-image: url('../imgs/pc/r-2.png');
}
#block-10 .zy{
    background-image: url('../imgs/pc/r-3.png');
}
#block-10 .job{
    text-align: center;
    font-size:20px;
}
#block-10 .info{
    padding-top: 30px;
    line-height: 30px;
}

/* block-11 */
#block-11 .tab-bar .tab-info p{
    font-size: 16px;
    padding: 20px;
    line-height: 30px;
}
#block-11 .flex-container{
    margin-bottom: 20px;
}


/* 板块 block-11 */
#block-12 {
    padding: 5px 0;
}
#block-12 img{
    width: 100%;
    box-shadow: 4px 4px 16px #e6e6e6;
    margin-bottom: 30px;
}
#block-12 .div-cols-2{
    width: 48%;
}

/* 板块13 */



/* 板块14 */
#block-14 .wrap-box{
    height: 200px;
    padding: 0 15px;
}
#block-14 .icon{
    width: 72px;
    height: 72px;
    margin: 20px auto;
    background-repeat: no-repeat;
    background-image: url(../imgs/pc/icons_all.png);
    cursor: pointer;
}
#block-14 .wrap-box:hover .icon{
    background-image: url(../imgs/pc/icons_all_active.png);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
#block-14 .wrap-box:hover .info{
    color: #00a0ea;
}
#block-14 .wrap-box:hover .title{
    color: #00a0ea;
    font-weight: bold;
}
#block-14 .title{
    font-size: 18px;
    text-align: center;
    line-height: 1.75;
}
#block-14 .info{
    text-align: center;
    font-size: 16px;
    color: #666666;
}
#block-14 .icon1{
    background-position: 0 0;
}
#block-14 .icon2{
    background-position: -90px 0;
}
#block-14 .icon3{
    background-position: -180px 0;
}
#block-14 .icon4{
    background-position: -270px 0;
}
#block-14 .icon5{
    background-position: -360px 0;
}
#block-14 .icon6{
    background-position: 0 -90px;
}
#block-14 .icon7{
    background-position: -90px -90px;
}
#block-14 .icon8{
    background-position: -180px -90px;
}
#block-14 .icon9{
    background-position: -270px -90px;
}
#block-14 .icon10{
    background-position: -360px -90px;
}

/* block-15 */
#block-15 img{
    width: 100%;
}
#block-15 .div-cols-5{
    width: 175px;
    border: 1px solid #e6e6e6;
}

/* block-17 */
#block-17 img{
    width: 100%;
}
#block-17 .div-cols-5{
    width: 175px;
    border: 1px solid #e6e6e6;
}
#block-17 .info{
    padding: 20px;
    font-size: 16px;
    text-align: center;
}
#block-17 .flex-container{
    border-top: 1px solid #e6e6e6;
}
/* block-18 */
.terrace,.beselected{
    width: 100%;
    margin: 0 auto;
}
.terrace .blocklink{
    border: 1px solid #e5e5e5;
}
.blocklink:hover{
    border: 4px solid #00a0ea;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    color: #00a0ea;
}
.blocklink h2{
    font-size: 20px;
    text-align: center;
    line-height: 50px;
}
/* 板块 block-b */
#block-b{
    padding: 50px 0;
}
#block-b .flex-container{
    border-top: 1px solid #e6e6e6;
    padding-top: 20px;
}
#block-b .item-box{
    width: 184px;
    height: 125px;
    border: 1px solid #e6e6e6
}
#block-b .item-box:hover{
    border: 2px solid #00a0ea;
    font-weight: bold;
}
#block-b .icon{
    height: 74px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%;
}
#block-b .ycyth .icon{
    background-image: url('../imgs/pc/ycyth.png');
}
#block-b .ycyth:hover .icon{
    background-image: url('../imgs/pc/ycyth_active.png');
}
#block-b .nk .icon{
    background-image: url('../imgs/pc/neikong.png');
}
#block-b .nk:hover .icon{
    background-image: url('../imgs/pc/neikong_active.png');
}
#block-b .nkpj .icon{
    background-image: url('../imgs/pc/neikongpingjia.png');
}
#block-b .nkpj:hover .icon{
    background-image: url('../imgs/pc/neikongpingjia_active.png');
}
#block-b .xtbg .icon{
    background-image: url('../imgs/pc/xietongbangong.png');
}
#block-b .xtbg:hover .icon{
    background-image: url('../imgs/pc/xietongbangong_active.png');
}
#block-b .sjyyjtx .icon{
    background-image: url('../imgs/pc/shujuyingyong.png');
}
#block-b .sjyyjtx:hover .icon{
    background-image: url('../imgs/pc/shujuyingyong_active.png');
}
#block-b .info{
    height: 40px;
    line-height: 20px;
    padding: 0 20px;
    text-align: center;
}

#block-b .flex-container1{
    padding-top: 20px;
}
#block-b .item-box-youngtop{
    width: 1000px;
    height: 60px;
    border: 1px solid #e6e6e6;
}
#block-b .item-box-youngtop:hover{
    border: 2px solid #00a0ea;
    font-weight: bold;
}
#block-b .info-youngtop{
    height: 80px;
    line-height: 20px;
    padding: 20px 0px;
    text-align: center;
    font-size: 20px;
}

/* block-19 */
#block-11 .tab-bar .tab-info p{
    font-size: 14px;
    padding: 20px;
    line-height: 30px;
}
#block-11 .flex-container{
    margin-bottom: 20px;
}
.div-cols-19{
    width: 19%;
}