.Banner{background: url(../images/sub_banner.png);}
.Banner::before,.Banner::after{content: " ";display:table;}
.Banner::after{clear:both;}
.topt{position: relative;}
.topt:after{
    content: "";
    height: 0;
    clear: both;
    overflow: hidden;
    display: block;
    visibility: hidden;
}
.bread{margin-top: 7%;font-size: 14px;color: #fff;}
.bread a{font-size: 14px;color: #fff;}
.cur{font-size: 34px;position: relative;margin-top:3.8%;color: #fff;font-weight: bold;text-shadow: 2px 2px 10px #000;}
.cur::before{content: "";width: 20px;height: 6px;background: #fff;position: absolute;left: 2px;top: -15px;}
.cur2{margin-bottom: 96px;}
.subnav{margin-top: 18px;margin-bottom: 50px;}
.subnav ul{margin-left: -18px;overflow: hidden;}
.subnav ul li{display: block;margin: 5px 18px;float: left;}
.subnav ul li.active{margin-top: 5px;}
.subnav ul li a{font-size: 18px;color: #fff;line-height: 20px;text-shadow: 2px 2px 10px #000;}
/* .subnav ul li.active{position: relative;} */
.subnav ul li.active>a{font-weight: bold;}
/* .subnav ul li.active::before{
    content: "";
    width: 100%;
    height: 9px;
    display: block;
    position: absolute;
    top: 0;left: 0;
} */
/* .subnav ul li .tdul{margin-top: -30px;position: relative;top: 36px;left: 15px;} */
.subnav ul li.active .tdul{position: absolute;display: block;}
.subnav ul li .tdul{position: absolute;display: none;margin-top: 10px;}
.subnav ul li .tdul dt{display: inline-block;}
.subnav ul li .tdul dt a{font-size: 16px;line-height: 12px;}
.subnav ul li .tdul dt.active a{font-weight: bold;}
.subnav ul li .tdul li{margin: 0 2px;}
.subnav ul li .tdul li a{font-size: 16px;line-height: 12px;color: #fff;}

/*  */
.mode2{margin-top: 36px;}
.list2 li{overflow: hidden;margin-bottom: 39px;border-bottom: 1px solid #e6e6e6;}
.list2 .newsimg {
    display: block;
    width: 320px;
    float: left;
}
.list2 .newsimg div {
    padding-bottom: 56.25%;
    width: 100%;
    height: 0;
    overflow: hidden;
    display: block;
}
.newscon {
    margin-left: 338px;
}
.newscon:hover h3.title{font-weight: bold;}
.newscon h3.title{font-size: 16px;line-height: 30px;color: #222;margin-top: 22px;margin-bottom: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal;}
.newscon p.contxt{font-size: 14px;line-height: 20px;color: #999;height: 40px;overflow: hidden;}
.newscon span{font-size: 14px;line-height: 20px;color: #999;display: block;margin-top: 26px;}

.gp-page {
    width: 71%;text-align: center;margin: 0 auto;;margin-bottom: 70px;height: 54px;background: #efeff4;
}
.gp-page a{
    display: inline-block;
    padding: 14px 19px;
    position: relative;
    font-size: 14px;color: #757575;line-height: 30px;
}
.gp-page a:hover{color: #004a99;font-weight: bold;}
a.gp-page-prev{background: #fff;padding: 2px 18px;margin-right: 18px;}
a.gp-page-next{background: #fff;padding: 2px 18px;margin-left: 18px;}
.gp-page a.on_pages::after{content: "";width: 44px;height: 6px;background: #004a99;position: absolute;bottom: 3px;left: 5px;}
.gp-page a.on_pages{color: #004a99;font-weight: bold;}

/* 文章页 */
.pageArticle{margin-top: 31px;border-bottom: 1px solid #e6e6e6;}
.pageArticleTitle h3{font-size: 20px;line-height: 30px;color: #222;text-align: center;font-weight: bold;}
.articleAuthor span{font-size: 14px;color: #999;line-height: 20px;text-align: center;display: block;padding:13px 0 16px;}
.articleAuthor{border-bottom: 1px solid #e6e6e6;}
.article{padding-top: 12px;}
.article p{text-indent: 2em;font-size: 16px;line-height: 30px;color: #444;margin-bottom: 30px;}
.article p.artimg{text-indent: 0;text-align: center;overflow: hidden;}
.article p.artimg span{padding-bottom: 68.45%;}
.attachment{overflow: hidden;padding-top: 31px;padding-bottom: 60px;}
.attachment .leftart{float: left;width: calc(100% - 200px);}
.attachment .leftart h4 {color: #444;line-height: 30px;font-size: 14px;}
.attachment .leftart p{font-size: 14px;line-height: 30px;color: #999;margin-top: 2px;}
.attachment .rightshare {float: right;margin-top: 10px;width: 200px;color: #757575;}
.attachment .rightshare>img{margin-right: 7px;vertical-align: middle;}

.rightshare a.bds_weixin, .rightshare a.bds_tsina, .rightshare a.bds_qzone {
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    margin: 0 4px;
    vertical-align: middle;
}


/* 文章页分享 */
.shareBox {
    width: 260px;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -130px;
    z-index: 9998;
    height: 310px;
    border: 6px solid #8F8F8F;
    border-radius: 8px;
    box-shadow: 0 0 7px #aaa;
    display: none;
}
.weChatBox {
    width: 260px;
    height: 300px;
    background-color: #fff;
    border: solid 1px #d8d8d8;
    padding: 10px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -130px 0 0 -140px;
    z-index: 9998;
    display: none;
    box-shadow: 0 0 10px rgb(0 0 0 / 25%);
}
.w-close {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    color: #333;
    cursor: pointer;
}
.weChatBox .w-title {
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 10px 0;
}
.qrcode {
    width: 200px;
    height: 200px;
    margin: 15px auto;
    background: #ccc;
}
.w-footer {
    font-size: 12px;
    line-height: 1.5;
    color: #999;
}
.weChatBox .w-title {
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 10px 0;
}
#qrodeText{opacity: 0;position: absolute;left: 0;top: 0;z-index: 0;visibility:hidden;}

/* 概况 */
.mode3{margin-top: 28px;margin-bottom: 30px;}
.mode3 h3.title{font-weight: bold;font-size: 24px;color: #000;line-height: 42px;border-bottom: 1px solid #e6e6e6;}
.article2{padding: 12px 103px 33px;}
.article2 p{text-indent: 2em;font-size: 16px;color: #000;line-height: 30px;margin-bottom: 30px;}

/* 下设机构 */
.list3>ul{margin-top: 30px;margin-left: -15px;margin-right: -15px;}
.list3>ul>li{width: calc(33.3% - 33px);margin: 0 15px;margin-bottom: 40px;background: #efeff4;padding: 30px;box-sizing: border-box;display: inline-block;padding-bottom: 53px;}
.list3>ul>li .litop{border-bottom: 1px solid #fff;padding-bottom: 35px;}
.list3>ul>li .litop a{display: block;font-size: 16px;line-height: 30px;color: #004a99;margin-bottom: 6px;margin-left: -5px;}
.list3>ul>li .litop span{font-size: 18px;line-height: 30px;font-weight: bold;color: #222222;}
.list3>ul>li .litop span:nth-of-type(2){padding-left: 56px;}
.list3>ul>li .libot{margin-top: 14px;}
.list3>ul>li .libot p{font-size: 16px;line-height: 30px;color: #444;}
.list3>ul>li .libot ul li{display: inline-block;width: 32.3%;text-align: left;font-size: 16px;line-height: 30px;color: #444;margin-top: 5px;}

/* 中心领导 */
.list4{margin-top: 30px;margin-bottom: 50px;}
.list4 ul{overflow: hidden;margin-left: -40px;}
.list4 ul li{width: calc(36% - 83px);display: inline-block;margin: 0 40px;margin-bottom: 20px;}
.list4 ul li span{float: left;width: 256px;overflow: hidden;}
.list4 ul li span div{padding-bottom: 140%;}
.list4 ul li .brief{margin-left: 270px;}
.list4 ul li .brief h3{font-size: 22px;line-height: 30px;color: #222;font-weight: bold;padding-top: 35px;}
.list4 ul li .brief .opus{font-size: 17px;line-height: 30px;color: #444;margin-top: 7px;display: block;width: 100%;}
.list4 ul li .brief .abstract{font-size: 14px;line-height: 20px;color: #999;margin-top: 10px;height: 120px;overflow: hidden;}

/* 员工风采 */
.list5{margin: 30px 0;}
.list5 ul{overflow: hidden;margin: 0 -15px 0;}
.list5 li{width: 20%;margin-bottom: 40px;float: left;transition: all .2s;}
.list5 li:hover{transform: scale(1.1) rotate(0);}
.list5 li a{margin: 0 15px;display: block;position: relative;}
.list5 li a span{overflow: hidden;display: block;}
.list5 li a span div{padding-bottom: 139%;}
.list5 li a .mark{width: 100%;height: 100%;;position: absolute;top: 0;bottom: 0;
    background: -webkit-linear-gradient(bottom,#2e68a6, rgba(255,255,255,0.1) 30%,rgba(255,255,255,0)); 
    background: -o-linear-gradient(bottom,#2e68a6, rgba(255,255,255,0.1) 30%,rgba(255,255,255,0)); 
    background: -moz-linear-gradient(bottom,#2e68a6, rgba(255,255,255,0.1) 30%,rgba(255,255,255,0)); 
    background: linear-gradient(bottom,#2e68a6, rgba(255,255,255,0.1) 30%,rgba(255,255,255,0));
;}
.list5 li a p{position: absolute;bottom: 20px;left: 40px;font-size: 16px;line-height: 30px;color: #fff;font-weight: bold;}

/* 员工风采文章页 */
.mode4{background: #efeff4;padding-top: 63px;padding-left: 60px;position: relative;padding-right: 60px;overflow: hidden;padding-bottom: 45px;margin-bottom: 67px;}
.mode4 h3{font-size: 20px;line-height: 30px;color: #222;}

.contactway{background: #fff;margin-top: 18px;padding-top: 22px;width: 38.85%;float: left;height: 310px;padding-right: 1%;overflow: hidden;box-sizing: border-box;text-overflow: ellipsis;}
.contactway h4{font-size: 16px;line-height: 30px;color: #444;font-weight: normal;}
.contactway p,.contactway span{font-size: 14px;line-height: 26px;color: #757575;padding-left: 20px;}
.contactway p{padding-bottom: 10px;text-overflow: ellipsis;overflow: hidden;}
.tel,.email{border-bottom: 1px solid #ededed;padding-left: 30px;}
.email{margin-top: 14px;padding-bottom: 14px;}

.m-photo{width: 300px;overflow: hidden;margin-top: 20px;display: none;}
.m-photo div{padding-bottom: 140%;}

.photo{width: 300px;overflow: hidden;margin-top: -53px;position: absolute;left: 39.2%;}
.photo div{padding-bottom: 140%;}

.profile{background: #fff;float: right;width: 41.5%;padding-left: 70px;box-sizing: border-box;margin-top: 80px;padding-top: 20px;padding-bottom: 40px;}
.profile h4{font-size: 16px;line-height: 30px;color: #444;font-weight: normal;}
.profile p{font-size: 14px;line-height: 20px;color: #757575;padding-left: 20px;text-indent: 2em;padding-right: 30px;}


.list6{padding-top: 30px;}
.list6 ul{overflow: hidden;}
.list6 ul li{margin-bottom: 80px;position: relative;}
.list6 ul li::after{content: "";display: block;width: 100%;height: 1px;background: #e6e6e6;position: absolute;bottom: 35px;left: 0;}
.list6 ul li{overflow: hidden;display: block;}
.list6 ul li:hover 
.rt h3 a{color: #004a99;}
.list6 ul li .lt{width: 250px;overflow: hidden;float: left;position: relative;z-index: 1;}
.list6 ul li .lt a{padding-bottom: 140%;}
.list6 ul li .rt{margin-left: 270px;padding-top: 32px;display: block;}
.list6 ul li .rt h3 a{font-size: 18px;line-height: 30px;color: #222222;font-weight: bold;margin-bottom: 11px;max-height: 60px;overflow: hidden;}
.list6 ul li .rt p.brief{width: 100%;font-size: 14px;line-height: 20px;color: #999;height: 60px;overflow: hidden;text-overflow: ellipsis;}
.list6 ul li .rt p{width: 100%;display: block;font-size: 14px;line-height: 24px;color: #757575;margin-top: 20px;}
.list6 ul li .rt p a{display: inline-block;font-size: 14px;line-height: 16px;color: #222;padding: 0 10px;border-right: 1px solid #444;}
.list6 ul li .rt p a:hover{color: #004a99;}
.list6 ul li .rt p a:first-child{padding-left: 0;}
.list6 ul li .rt p a:last-child{border-right: none;}

.list7{padding-top: 10px;}
.list7 ul{margin-bottom: 26px;}
.list7 li{border-bottom: 1px solid #e6e6e6;}
.list7 li a{display: block;overflow: hidden;line-height: 56px;}
.list7 li a span{font-size: 14px;line-height: 56px;color: #999;float: right;}
.list7 li a p{font-size: 16px;line-height: 56px;color: #222222;float: left;width: calc(100% - 80px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

@media screen and (max-width:1400px) {
    .contactway{width: 36.85%;}
    .photo{left: 37.2%;}
}
@media screen and (max-width:1240px) {
    .list3>ul>li .litop span{display: block;padding-left: 2px!important;}
    .photo{width: 250px;}
}
@media screen and (max-width:1080px) {

}
@media screen and (max-width:996px) {
    .cur{font-size: 20px;margin-top: 30px;}
    .attachment .leftart{width: 100%;float: none;}
    .attachment .rightshare{float: initial;width: 100%;clear: both;}
    .article2{padding: 12px 20px 30px;}
    .list3>ul>li .libot ul li{width: 48%;}
    .list3>ul>li .libot{margin-top: 20px;}
    .list3>ul>li{padding-bottom: 20px;}

    .list4 ul li{width: calc(100% - 40px);}

    .list5 li a p{left: 0;text-align: center;width: 100%;bottom: 10px;}
    
    .mode4{padding: 20px;}
    .contactway{height: auto;padding-bottom: 10px;width: 100%;}
    .profile{float: initial;width: 100%;padding-left: 30px;}
    .photo{display: none;}
    .m-photo{display: block;}
}
@media screen and (max-width:767px) {
    .list3>ul>li{width: calc(50% - 33px);}
    .list5 li{width: 25%;}
}
@media screen and (max-width:540px) {
    .list2 .newsimg{width: 100%;}
    .newscon{margin-left: 0;width: 100%;clear: both;padding-top: 1px;}   
    .list5 li{width: 33.3%;}
}
@media screen and (max-width:479px) {
    .list3>ul>li{width: calc(100% - 33px);}

    .list4 ul li .brief{margin-left: 0;clear: both;}
    .list4 ul li span{width: 100%;}
    .list5 li{width: 50%;}

    .list6 ul li .lt{width: 100%;}
    .list6 ul li .rt{margin-left: 0;clear: both;width: 100%;}
    .list6 ul li{padding-bottom: 20px;margin-bottom: 20px;}
    .list6 ul li::after{bottom: 0;}
    .m-photo{width: 100%;}
}