* {
    margin: 0;
    padding: 0;
}

html,
body {
    position: relative;
    height: 100%;
}

body {
    background: url('../images/bg_img.jpg') center no-repeat;
    background-size: 100%;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
    min-width: 1394px;
}

table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 1;
    border-spacing: 0;
}

table td {
    word-break: break-all;
    word-wrap: break-word;
    border: 1px solid #939598;
}


li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #000;
}

a:hover {
    color: #0477ca; 
	
	/*0051a7*/
}

input,
textarea {
    outline: none;
}

img {
    border: 0;
}

/* 定义keyframe动画，命名为blink */

@keyframes blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* 添加兼容性前缀 */

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes blink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*手机端修改样式*/

.headerBoxNav,
.newGd,
.titBoxDivFont,
.specislTit .icon,
.titTit b,
.navDh {
    display: none;
}

.swiper-container-c {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    align-items: center;
}

.swiper-slide .fixNav {
    transform: translateY(-20px);
    opacity: 0;
}

.ani-slide .fixNav {
    transform: translateY(0);
    opacity: 1;
    transition: all .2s;
}

.fixNav {
    position: absolute;
    top: 0;
    width: 100%;
    height: 56px;
    z-index: 99;
}

.fixNav ul li div {
    top: 56px;
    bottom: auto !important;
    padding-top: 0;
}

.swiper-container-b {
    width: 100%;
    height: 100%;
    display: block;
}

.banner {
    width: 1200px;
    height: 220px;
    margin: 0 auto;
    margin-top: 20px
}

.swiper-container-b .swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.swiper-pagination-b .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}

.headerTop {
    width: 97.5%;
    display: flex;
    align-items: center;
    margin-left: 10px;
    margin-bottom: 10px;
	justify-content: space-between;
}
.headerTop>a img{ width:18px; margin-top:-1px;margin-right:2px;}

.headerTopPmd {
    position: relative;
		display: flex;
    align-items: center;
}

.headerTopPmd div {
    width: 310px;
    color: #000;
    font-size: 14px;
    font-weight: normal;

}

.notice {     
	width: 1160px;
    margin: 0 auto;
    background: #eee;
    padding: 10px 20px;
    margin-top: 20px;
    display: flex;
    align-items: center;}
.notice h3{ 
	width:143px;
	color:#0477ca;
	display: flex;
    align-items: center;
	margin-right:20px;
	font-size:20px;
}
.notice h3 img{ width:22px; margin-right:8px}
.notice>div{ width:90%}
.scroll-box {
	width:100%;
    position: relative;
    top: 0;
    overflow: hidden;
    display: inline-block;
    height: 23px;
    line-height: 23px
}

.scroll-box.on {
    background: #fff;
    z-index: 2;
    overflow: auto;
    height: auto !important;
    box-shadow: 1px 1px 10px #888
}

.scroll-box.on li {
    top: 0 !important;
    border-bottom: 1px dotted #ccc
}

.scroll-box li {
    position: relative;
	    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.scroll-box a {
    display: inline-block;
    white-space: nowrap;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
	width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size:16px;
}

.scroll-mask {
    z-index: 1;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000)
}

.scroll-mask.on {
    /*display:block;*/
}


@keyframes scroll {
    0% {
        top: 0;
        left: 295px;
    }

    100% {
        top: 0;
        left: -295px;
    }
}

.headerTopImg2 {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.headerTopImg2-cssfont img {
    margin-right: 5px;
}

.headerTopImg2-weixImg {
    width: 14px;
    height: 14px;
}

.headerTopImg2-cssfont {
    font-size: 14px;
    margin-left: 5px;
    color: #000;
    font-weight: normal;
}

.headerTopImg2>div {
    display: none;
    position: absolute;
    top: 23px;
    z-index: 9999;
}

.headerTopImg2:hover div {
    display: block;
}

.headerTopImg2:hover p {
    color: #04d010
}

.headerBox {
    background: #fff;
}

.header {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 17px 0;
}

.header>a {
    display: block;
    float: left;
}

/*.header>a img {
    width: 330px;
}*/

.header>div.serch {
    float: right;
    overflow: hidden;
    margin-left: 50px;
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.header>div input {
    width: 220px;
    height: 36px;
    border: none;
    padding: 0 20px;
    font-size: 16px;
    display: block;
    float: left;
}

.header>div.serch>a {
    width: 110px;
    height: 40px;
    line-height: 40px;
    display: none;
    justify-content: center;
    align-items: center;
    float: left;
    background: #981c10;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 36px;
    margin-left: 30px;
    border-radius: 15px;
}

.header>div.serch>a img {
    margin-right: 8px;
}

.header>div.serch>div {
    border: #0477ca solid 2px;
    border-radius: 15px;
    overflow: hidden;

}

.header>div.serch>div a {
    width: 97px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    background: #0477ca;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 36px;
}
.header>div.serch>div button {
    width: 97px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    background: #0477ca;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 36px;
	border: 0;
}
.header>div.serch>div a img {
    margin-right: 8px;
}

.nav {
    background: #0477ca;
    height: 50px;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 99;

}

.navChried {
    position: initial;
}

.navChried ul {
    width: 1394px !important;
    margin: 0 auto !important;
}

.navChried ul li div {
    top: 42px;
    bottom: auto !important;
    padding-top: 0;
}

.navChried ul li {
    width: 8.3% !important;
}

.nav>div {
    width: 1200px;

    margin: 0 auto;
}

.nav .serch {
    width: 19%;
    float: right;
    background: #fff;
    padding: 0 5px 0 10px;
    overflow: hidden;
    margin-top: 12px;
}

.nav .serch input {
    border: none;
    height: 32px;
    float: left;
    margin-top: 0px;
}

.nav .serch img {
    margin-top: 4px;
}


.nav ul li {
    float: left;
    line-height: 50px;
    text-align: center;
    position: relative;
    width: 10%;
}

.nav ul li::after {
    content: '';
    width: 1px;
    position: absolute;
    top: 29%;
    right: 0;
    background: #6c9fd6;
    height: 45%;
}

.nav ul li:last-child:after {
    display: none
}

.nav ul li a {
    color: #fff;
    display: block;
    font-size: 18px;
}

.nav ul li:hover {
    background: #a51010;
}

.nav ul li:hover>div {
    display: block;
}

.nav ul li div {
    position: absolute;
    top: 50px;
    background: #0477ca;
    width: 100%;
    display: none;
    text-align: center;
    z-index: 999;
    padding-top: 5px;
}

.nav ul li div a {
    line-height: 42px;
    font-size: 16px;
    padding: 2px 10%;
}

.nav ul li div a:hover {
    background: #a51010;
}

.newBox>div {
    width: 1200px;
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
}

.new {
    width: 31%;
}

.new .titBox {
    display: flex;
    justify-content: space-between;
    line-height: 15px;
    margin-bottom: 5px;
}

.new .titBox h4 {
    font-size: 22px;
    padding-left: 15px;
    position: relative;
    color: #0477ca;
}

.new .titBox h4::before {
    width: 3px;
    height: 16px;
    background: #0477ca;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0px;
}

.new .titBox a {
    font-size: 14px;
}

.new ul li {
    padding-top: 20px;
}

.new ul li a {
    display: block;
    position: relative;
    width: 97%;
    overflow: hidden;
    padding-left: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

.new ul li a::before {
    width: 6px;
    height: 9px;
    background: url('../images/arrow.png');
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 35%;
}

.boxxk {
    display: flex;
    margin-right: -17px;
}

.boxxk ul {
    width: 65%;
}

.boxxk>a {
    width: 100px;
    display: block;
    margin-top: 12px;
    margin-right: 17px;
}

.boxxk>a img {
    width: 100%;
}

.iconBox {
    margin-top: 40px !important;
}

.iconBox dl img {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

.iconBox dl {
    border-radius: 15px;
}

.iconBox a {
    color: #fff;
    display: block;
    padding: 25px 40px;
    font-size: 18px;
}


.footer {
    width: 100%;
    background: #0e66bf;
    padding: 35px 0px 14px 0;
}

.footer .cartoona {
    width: 1200px;
    margin: 0 auto;
}

.footer .ftLeft {
    float: left;
    width: 835px;
}

.footer .ftLeft>div {
    display: flex;
    align-items: center;
    color: #fff;
    border-bottom: #4a8aca solid 1px;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.footer .ftLeft p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #fff;
}

.footer .ftLeft p span,
.footer .cartoona p a {
    margin-right: 15px;
    color: #fff;
}

.footer .ftRight {
    float: right;
    /* width: 288px; */
    display: flex;
}

.footer .ftRight img {
    width: 120px;
}

.footer .ftRight dl {
    margin-left: 50px;
    font-size: 13px;
    color: #fff;
    text-align: center;
}

.footer .ftRight dl dt {
    margin-bottom: 5px;
}

.footer .styled-select .searchable-select {
    margin-left: 8px;
}

.searchable-select-hide {
    display: none;
}

.searchable-select {
    display: inline-block;
    width: 243px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #fff;
    vertical-align: middle;
    position: relative;
    outline: none;
}

.searchable-select-holder {
padding: 6px 20px;
    background-image: none;
    border: 1px solid #4591dd;
    color: #fff;
    min-height: 24px;
    line-height: 24px;
    overflow: hidden;
    width: 81%;
    padding-right: 27px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.searchable-select-caret {
    position: absolute;
    width: 0;
    height: 0;
    box-sizing: border-box;
    border-color: white transparent transparent transparent;
    top: 5px;
    bottom: 0;
    border-style: solid;
    border-width: 4px;
    margin: auto;
    right: 9px;
}

.searchable-select-dropdown {
    position: absolute;
    background-color: #0e66bf;
    border: 1px solid #4591dd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 4px;
    border-top: none;
    bottom: 38px;
    left: 0;
    z-index: 99;
    right: 0;
}

.searchable-select-input {
    margin-top: 5px;
    border: 1px solid #4591dd;
    outline: none;
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
    width: 100%;
}

.searchable-scroll {
    margin-top: 4px;
    position: relative;
}

.searchable-scroll.has-privious {
    padding-top: 16px;
}

.searchable-scroll.has-next {
    padding-bottom: 16px;
}

.searchable-has-privious {
    top: 0;
}

.searchable-has-next {
    bottom: 0;
}

.searchable-has-privious,
.searchable-has-next {
    height: 16px;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    z-index: 10;
    /*background-color: white;*/
    line-height: 8px;
    cursor: pointer;
}

.searchable-select-items {
    max-height: 400px;
    overflow-y: scroll;
    position: relative;
}

.searchable-select-items::-webkit-scrollbar {
    display: none;
}

.searchable-select-item {
    padding: 5px 5px;
    cursor: pointer;
    min-height: 30px;
    box-sizing: border-box;
}

.searchable-select-item.hover {
    background: #1058a0;
    color: white;
}

.searchable-select-item.selected {
    background: #1058a0;
    color: white;
}

.searchable-select-item.selected a,
.searchable-select-item a {
    display: block;
    color: #fff
}

.childbanner {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.boxBcent {
    background: #eee;
    padding: 30px 0;
}

.boxBcent>p {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 20px;
    font-size: 14px;
}

.boxBcent>div {
    width: 1140px;
    margin: 0 auto;
    padding: 30px;
    background: #fff;
}

.boxBcent .title,
.contentRight .title,
.leaderTit {
    font-size: 22px;
    color: #0477ca;
    margin-bottom: 20px;
}

.boxBcent .title::after,
.contentRight .title::after,
.leaderTit::after {
    width: 35px;
    background: #ddd;
    height: 2px;
    content: '';
    display: block;
    margin-top: 10px;
}

.aboutFont {
    overflow: hidden;
    padding-bottom: 25px;
    border-bottom: #eee solid 1px;
}

.aboutFont a {
    color: #0477ca;
}

.boxBcent>div>div {
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.aboutFont>div.fontBox {
    width: 78%;
    float: left;
    line-height: 22px;
}

.aboutFont>div.fontBox p {
    text-align: justify;
}

.aboutFont>div.iconbox {
    width: 19%;
    float: right;
    display: flex;
    justify-content: space-between;
}

.aboutFont>div.iconbox a {
    padding: 18px 15px;
    display: block;
    color: #0477ca;
    font-size: 15px;
}

.aboutFont>div.iconbox dl {
    border: #eee solid 1px;
    border-radius: 3px;
}

.aboutFont>div.iconbox dt {
    margin-bottom: 10px;
    text-align: center;
}

.leader {
    border-bottom: #eee solid 1px;
}

.leaderBoss {
    display: flex;
    margin-bottom: 20px;
    align-items: flex-end;
}

.leaderBoss>div {
    margin-bottom: 40px;
    margin-left: 40px;
}

.leaderBoss img {
    display: block;
    width: 282px;
    height: 282px;
    margin-right: 15px;
}

.leaderBoss>div h4 {
    font-size: 18px;
    margin-bottom: 15px;
}

.leaderBoss>div h4 span,
.leader>h4>span {
    color: #0477ca;
    font-size: 18px;
}

.leader>h5,
.leaderBox1>div>h5,
.titleH5 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
}

.swiper-special {
    margin: 20px 0;
}

.swiper-special .swiper-slide {
    position: relative;
}

.swiper-special .swiper-slide img {
    width: 100%;
    display: block;
}

.swiper-special .swiper-slide>div {
    display: none;
    position: absolute;
    width: 90%;
    padding: 15px 5%;
    bottom: 0;
    left: 0;

    text-align: left;
    line-height: 16px;
}

.swiper-special .swiper-slide>div h5 {
    font-size: 14px !important;
    margin-bottom: 5px
}

.swiper-special .swiper-slide>div p {
    font-size: 12px;
}

.swiper-special .swiper-slide:hover div {
    display: block;
    background: rgba(0, 81, 167, 0.6);
    color: #fff;
}

.lshBox {
    display: flex;
    justify-content: space-between;
}

.lshBox dl {
    width: 24%;
    text-align: center;
    background: #dfe8f1;
}

.lshBox dl a {
    padding: 15px 0;
    display: block;
    color: #0477ca;
}

.lshBox dl dt {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 3px;
}

.lshBox dl dd {
    font-size: 14px;
}

.leaderBox1 {
    overflow: hidden;
    margin-top: 20px;
}

.leaderBox1>div {
    margin-right: 65px;
    float: left;
}

.leaderBox1>div p {
    /* text-indent: 2em;*/
    font-size: 16px;
    margin-bottom: 8px;
}

.fzjg,
.booxk {
    margin-bottom: 0 !important;
}

.fzjg>div {
    display: flex;
    justify-content: space-between;
    text-align: center;
    font-size: 15px;
}

.fzjg>div dl {
    width: 8%
}

.fzjg>div dt {
    margin-bottom: 8px;
}

.fzjg>div dd {
    max-width: 166px;
}

.booxk img {
    width: 106%;
    height: 281px;
    display: block;
}

.booxk p {
    font-size: 16px;
    margin-top: 15px;
}

.photoText {
    overflow: hidden;
    margin-right: -30px;
    margin-bottom: -30px;
}

.photoText li {
    width: 23%;
    margin-right: 20px;
    float: left;
    margin-bottom: 20px;
}

.photoText li img {
    width: 100%;
    height: 93px;
    display: block;
}

.photoText li p {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
}

.titleBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.memberList {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.swiperMember {
    padding-bottom: 40px;
}

.swiperMember a p {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
}

/* zpmenu */
.zpmenu {
    height: 350px;
    overflow: hidden;
    margin-right: -10px;
}

.zpmenu dl {
    height: 350px;
    background: #f8f8f8;
    margin-right: -12px;
}

.zpmenu dt {
    width: 154px;
    float: left;
    height: 350px
}

.zpmenu dt img {
    width: 154px;
    display: block;
    float: left;
    height: 350px;
    cursor: pointer
}

.zpmenu dd {
    position: relative;
    width: 794px;
    display: block;
    float: left;
    overflow: hidden;
    padding-top: 30px;
    margin: 0 40px 0 30px;
}


.Imgtextlist2 .item a {
    display: flex;
    padding-bottom: 16px;
}

.Imgtextlist2 .time {
    width: 300px;
    height: 142px;
}

.Imgtextlist2 .time img {
    width: 100%;
    height: 142px;
}

.Imgtextlist2 .cont {
    overflow: hidden;
    margin-left: 30px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 24px;
}

.Imgtextlist2 .cont span {
    display: block;
    margin-top: 10px;
}

.Imgtextlist2 .cont p {
    margin-top: 10px;
    font-size: 14px;
    color: #999;
    line-height: 20px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.Imgtextlist2 .cont h3 {
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 16px;
    color: #151515;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.textlist2 {
    width: 100%;
}

.newDj {
    margin: 0 !important;
    padding: 0 !important;
}

.textlist2 .item {
    display: flex;
    padding-bottom: 16px;
}

.textlist2 .item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}


.contentDetail .tit {
    padding-bottom: 30px;
    text-align: center;
    margin-top: 30px;
    border-bottom: #0079ee solid 1px;
}

.contentDetail .tit h4 {
    font-size: 24px;
    margin-bottom: 30px;
}

.contentDetail .tit p {
    font-size: 14px;
    color: #333;
}

.contentDetail .tit p span {
    margin: 0 20px;
}

.contentDetail .detailBox {
    font-size: 16px ;
    color: #000;
    margin-top: 30px;
    line-height: 36px;
}

/*.contentDetail .detailBox p {
    margin-bottom: 20px;
}*/

.contentDetail .detailBox p img {
    max-width: 100% !important;
}

.contentDetail .detailBox p * {
    font-size: 16px;
    color: #000;
    font-family: '微软雅黑';
}



.newDj .textlist2 .item:last-child .cont {
    border: 0;
}

.textlist2 .time {
    margin-top: -4px;
    font-family: Futura;
    font-size: 22px;
    color: #c3c3c3;
    line-height: 1.5;
}

.textlist2 .cont {
    overflow: hidden;
    margin-left: 30px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 24px;
}

.textlist2 .cont p {
    margin-top: 10px;
    font-size: 14px;
    color: #999;
    line-height: 20px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.textlist2 .cont h3 {
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 16px;
    color: #151515;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.memberBox {
    background: url('../images/memberImg.jpg') no-repeat;
    background-size: cover;
    width: 1070px;
    height: 224px;
    padding: 35px !important;
    padding-bottom: 0 !important;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0 !important;
}

.memberBox .title {
    font-size: 22px;
    color: #0477ca;
    margin-bottom: 20px;
}

.memberBox .title::after {
    width: 35px;
    background: #0477ca;
    height: 2px;
    content: '';
    display: block;
    margin-top: 10px;
}

.memberBox p {
    line-height: 26px;
}

.fontDiv {
    width: 70%;
}

.fontDiv a {
    color: blue
}

.memberBox>div.but a {
    display: flex;
    padding: 15px 10px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    background: #ed8c23;
    width: 240px;
    margin-top: 26px;
    font-size: 20px;
    color: #fff;
}

.memberBox>div.but a img {
    margin-right: 15px;
}

.memberIconBox {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 !important;
    padding-bottom: 0 !important;
}

.memberIconBox dl {
    border: #0477ca solid 1px;
    padding: 10px 25px;
    width: 27%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.memberIconBox dl dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 22px;
}

.memberIconBox dl dt h5 {
    margin-left: 40px;
}

.memberIconBox dl dd a {
    display: block;
    padding: 8px 25px;
    background: #0477ca;
    color: #fff;
    border-radius: 5px;
}

.centHui {
    background: #f6f6f6;
    padding: 30px 0;
}

.contentDiv {
    width: 1200px;
    background: #fff;
    margin: 0 auto;
    /* overflow: hidden; */
}

.contentDiv a {
    color: #333;
}

.contentDiv>.current {
    background: #f6f6f6;
    padding: 10px 0 20px 0;
    margin-top: -20px;
}

.contentDiv>.current a {
    margin: 0 5px;
    font-size: 16px;
}

.contentLeft {
    width: 185px;
    background: #fff;
    padding: 15px 25px;
    float: left;
    position: sticky;
    border-right: #eee solid 1px;
    margin-right: -1px;
    top: 116px;
}

.contentLeft .tit {
    padding: 14px 30px 24px 30px;
    font-size: 24px;
    color: #000;
    text-align: center;
    display: block;
    font-weight: bold;
}

.contentLeft .tit::after {
    width: 50px;
    height: 3px;
    background: #0e66bf;
    display: block;

    content: '';
    margin: 0 auto;
    margin-top: 10px;
}

.contentLeft ul li>div {
    display: none;
}

.contentLeft ul li>div a {
    display: block;
    padding-left: 25px;
    line-height: 42px;
}

.contentLeft ul li>a {
    border-radius: 5px;
    text-align: left;
    background: url('../images/arrownrw.png') 90% center no-repeat;
    margin-bottom: 6px;
    border-bottom: #fff solid 1px;
    font-size: 16px;
    display: block;
    padding: 12px 20px;
}

.contentLeft ul li:last-of-type {
    border: none
}

.contentLeft ul li:hover>a,
.contentLeft ul li.on>a {
    background: #0e66bf;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contentLeft ul li.onList>a::after {
    transform: rotate(90deg);
}

.contentLeft ul li:hover>a::after,
.contentLeft ul li.on>a::after {
    content: '';
    width: 6px;
    height: 11px;
    display: block;
    margin-right: 3px;
    background: #0e66bf url('../images/arrownrw2.png') 90% center no-repeat;
    color: #fff;
}

.contentLeft ul li:hover {
    border-bottom-color: #f4f4f4;
}

.contentRight {
    width: 900px;
    background: #fff;
    border-left: #eee solid 1px;
    padding: 40px 32px;
    float: right;
    background: #fff;
}

.contentRight>h3 {
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: normal;
    color: #0e66bf;
    border-bottom: #0e66bf solid 1px;
    padding-bottom: 30px;
    display: flex;
    align-items: center;
}


.contentRight .leader {
    margin-bottom: 20px;
}

.leaderList {
    overflow: hidden;
    margin-right: -22px;
    border-bottom: #eee solid 1px;
    padding-bottom: 40px;
}

.leaderList li {
    text-align: center;
    width: 151px;
    height: 187px;
    float: left;
    font-size: 16px;
    position: relative;
    margin-right: 22px;
    margin-bottom: 20px;
}

.leaderList li img {
    width: 100%;
    height: 100%;
    display: block;
}

.leaderList li:hover div {
    display: block;
}

.leaderList li div {
    background: rgba(0, 81, 167, 0.6);
    position: absolute;
    bottom: 0;
    width: 87%;
    color: #fff;
    padding: 10px 10px;
    display: none;
}

.leaderList li p {
    font-size: 14px;
    margin-top: 5px;
}

.sevenTilte {
    border-bottom: #eee solid 1px;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.sevenTilte h4 {
    color: #0477ca;
    font-size: 18px;
    font-weight: bold;
}

.sevenTilte h4 span {
    font-size: 16px;
    color: #333;
    font-weight: normal;
}

.sevenTilteNav {
    overflow: hidden;
    margin-bottom: 20px;
}

.sevenTilteNav h5 {
    float: left;
    font-size: 18px;
    margin-right: 80px;
    cursor: pointer;
    color: #0477ca;
    background: #eee;
    padding: 8px 19px;
}

/*.sevenTilteNav h5.active::after{ width: 40px; height: 2px; background: #0477ca; content: ''; display: block; margin-top: 10px;}*/
.sevenTilteNav h5.active {
    background: #0477ca;
    color: #fff;
}

.sevenBox ul {
    overflow: hidden;
    display: none;
}

.sevenBox ul li {
    float: left;
    width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    padding: 8px 0;
}

.sevenBox ul.sevenBox0 {
    display: block;
}


/*分页*/

.pagination {
    padding: 20px 0 5px 0;
    text-align: center;
    margin-top: 20px;
}

.derd {
    display: inline-block;
}

.derd>div {
    padding: 0 14px;
    line-height: 34px;
    height: 34px;
    border: #dfdfdf solid 1px;
    border-radius: 5px;
    display: block;
    float: left;
    margin: 0 4px;
}

.derd>div span {
    margin: 0 2px;
}

.derd>div span i {
    color: #be1212;
    font-style: normal;
}

.pagination a {
    padding: 0 14px;
    line-height: 34px;
    height: 34px;
    font-size: 15px;
    border: #dfdfdf solid 1px;
    border-radius: 5px;
    display: block;
    float: left;
    margin: 0 4px;
}

.pagination a.active,
.pagination a:hover {
    border-color: #0e66bf;
    background: #0e66bf !important;
    color: #fff;
}

.newsList {
    padding-bottom: 0 !important;
}

.newsList ul {
    overflow: hidden;
    margin-right: -60px;
}

.newsList ul li {
    width: 45%;
    float: left;
    margin-right: 60px;
    margin-bottom: 15px;
}

.newsList ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newsList ul li a p {
    width: 75%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
    position: relative;
    padding-left: 15px;
}

.newsList ul li a p::before {
    width: 6px;
    height: 9px;
    background: url('../images/arrow.png');
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 30%;
}

.memberList .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: calc((100% - 30px) / 2);

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.memberList .swiper-slide img {
    width: 212px;
    height: 81px
}

.memu {
    margin-bottom: 40px;
    display: flex;
}

.memu a {
    padding: 10px 20px;
    font-size: 17px;
    margin-right: 20px;
    background: #eee
}

.memu a.on,
.memu a:hover {
    background: #0e66bf;
    color: #fff
}

.booklist2 {
    overflow: hidden;
    margin-right: -76px;
    margin-bottom: -30px;
}

.booklist2 li {
    width: 252px;
    float: left;
    margin-right: 61px;
    margin-bottom: 30px;
}

.booklist2 li .time {
    height: 333px;
}

.booklist2 li img {
    width: 252px;
    height: 100%;
    margin: 0 auto;
    display: block
}

.booklist2 .cont h3 {
    font-weight: normal;
    font-size: 20px;
    text-align: center;
    margin-top: 15px;
    line-height: 31px;
    height: 62px;
    overflow: hidden;
}

.leImg {
    text-align: center;
    position: relative;
}

.leImg img {
    width: 165px;
    height: 204px;
    background: #000;
    display: block
}

.leImg:hover p {
    display: block
}

.leImg p {
    display: none;
    position: absolute;
    margin-bottom: 0 !important;
    width: 90%;
    background: rgba(0, 81, 167, 0.6);
    color: #fff;
    padding: 10px 5%;
    bottom: 0;
    left: 0;
    font-weight: bold;
    font-size: 14px !important;
    text-align: center;
    line-height: 24px;
}

.leImg p a {
    color: #fff
}



.topDiv {
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
}

.bannerA {
    width: 48.5%;
    height: 328px;
    float: left;
}

.bannerA .swiper-slide {
    background-position: center;
    background-size: cover;
}

.bannerA .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.bannerA .swiper-slide a div {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    padding: 13px 0;
    color: #fff;
    font-size: 14px;
    width: 100%;
    text-align: left;
}

.bannerA .swiper-slide a div p {
    margin-left: 20px;
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.bannerA .swiper-pagination {
    right: 20px;
    bottom: 13px !important;
    left: auto !important;
    width: auto !important;
}

.bannerA .swiper-pagination span {
    background: #fff !important;
}

.newListBox {
    float: right;
    width: 48.5%;
    position: relative;
}

.titleBox {
    display: flex;
    justify-content: space-between;
    border-bottom: #e2ebf1 solid 1px;
}

.titleBox ul {
    display: flex;
}

.titleBox ul li {
    margin-right: 35px;
    font-size: 20px;
    padding-bottom: 22px;
    cursor: pointer;
}

.titleBox ul li.active {
    font-weight: bold;
    color: #0477ca;
    position: relative;
	font-size: 22px;
}

.titleBox ul li.active::after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: -1px;
    height: 2px;
    background: #0477ca;
    z-index: 9;
}

.m-l-content  .conBoxNewDiv{ margin-top:13px;}

.newList li {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 25px;
}
.new1 .titBox{line-height:inherit;}
.new1 .titBox h4{padding-left:0;}
.new1 .titBox h4::before{ width:100%; height:2px; bottom:-23px;     top: inherit;}

.new1 ul{margin-top:25px;}



.bannerH {
    width: 1200px;
    margin: 30px auto 0 auto;
}
.bannerH img{ height:110px;width:100%;}
.newList li a {
    display: block;
    width: 83%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    font-size: 16px;

}

.newList li a::before {
    width: 8px;
    margin-top: 3px;
    margin-right: 10px;
    height: 10px;
    content: '';
    display: block;
    float: left;
    background: url('../images/arrow.svg') left top no-repeat;
    background-size: 100%;
}

.newList li span {
    font-size: 14px;
    color: #666;
}

.newList li:hover a,
.newList li:hover span {
    color: #0477ca;
    text-decoration: underline;
}

.conBoxNewDiv>div {
    display: none;
}

.conBoxNewDiv>div.conBoxNew0,.conBoxNewDiv>div.conBoxNew3{
    display: block;
}

.line {
    margin: 35px 0;
    background: url('../images/line.jpg') no-repeat;
    width: 100%;
    height: 10px;
    background-size: cover;
}


.more {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 15px;
}

.iconDivFont {
    overflow: hidden;
    padding-left: 1px;
    padding-top: 1px;
    margin-top: 30px;
}

.iconDivFont>dl {
    border: #dfdfdf solid 1px;
    width: 33%;
    float: left;
    text-align: center;
    margin-left: -1px;
    margin-top: -1px;
    padding: 18px 0;
}

.iconDivFont>dl:hover dt {
    transform: rotateY(180deg);
}

.iconDivFont>dl:nth-child(even) {
    background: #f2f2f2;
}

.iconDivFont>dl dt {
    width: 45px;
    height: 45px;
    margin: 0 auto;
    margin-bottom: 10px;
    background: #0477ca;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 1s;
}

.iconDivFont>dl dt img {
    width: 50%;
    display: block
}

.iconDivFont>dl dd {
    font-size: 15px;
}

.booKdiv {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.booKdiv ul {
    background: #eee;
    display: flex;
    margin-bottom: 30px
}

.booKdiv ul li {
    font-size: 18px;
    padding: 12px 20px;
    cursor: pointer;
}

.booKdiv ul li.active {
    background: #0477ca;
    color: #fff
}

.centBox img {
    width: 100%;
    height: 242px;
    margin-bottom: 15px;
    display: block;
}

.centBox {
    height: 292px;
    overflow: hidden;
}

.centBox p {
    font-size: 16px;
}

.centBox .swiper-container {
    padding-bottom: 20px;
}

.centBox .swiper-button-next {
    background: rgba(0, 0, 0, 0.5) center center no-repeat;
    background-image: url('../images/prev.png');
    background-size: 40px 40px;
    left: 0;
}

.centBox .swiper-button-prev {
    background: rgba(0, 0, 0, 0.5) center center no-repeat;
    background-image: url('../images/next.png');
    background-size: 40px 40px;
    right: 0;
    left: inherit;
}

.rightIcon{display:none;}

.totop {
    width: 51px;
    height: 57px;
    cursor: pointer;
    position: fixed;
    right: 10px;
    bottom: 20%;
    background: #fff;
    border: 1px solid #e2e2e2;
    opacity: 0.85;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fixnava {
    display: none !important;
}

.leftP {
    position: fixed;
    top: 250px;
}

.leftP span {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
}

.rightP {
    position: fixed;
    top: 250px;
    right: 0;
}

.rightP span {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
}

.leftP>a>img,
.rightP>a>img {
    width: 100px;
}

.leftP>a span>img,
.rightP>a span>img {
    width: 15px;
    opacity: 0.8;
    cursor: pointer;
}

.zwDivbr {
    width: 1200px;
    margin: 30px auto 30px auto;
    background: url(../images/lineG.png) bottom repeat-x;
    padding-bottom: 10px;
    overflow: hidden;
}











/* 公用样式 */
.m-l-wrapper{
    width:1200px;
    margin:36px auto;
}
/* 导航及下拉状态 */
nav{
    background:#0477ca;
    height:42px;
}
.m-l-nav{
    height:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.m-l-nav div{
    display:flex;
    align-items:center;
    width:128px;
    height:100%;
    color:#fff;
    font-size:16px;
    text-align:center;
    position:relative;
}
.m-l-nav span{
    display:inline-block;
    width:100%;
    border-right:1px solid #4b88c8;
}
.m-l-nav div:last-child span{border:none;}
.m-l-nav ul{
    display:none;
    position:absolute;
    left:0;
    top:42px;
    width:100%;
    background:#0477ca;
    z-index:10;
}
.m-l-nav ul li{
    height:42px;
    line-height:42px;
}
.m-l-nav ul li:hover{background:#a51010;}
.m-l-nav div:hover{background:#a51010;}
.m-l-nav div:hover ul{display:block;}
/* 广告 */
.m-l-advertising{margin-top:30px;}
/* 科技创新、标准质量等板块... */
.m-l-section{
    margin-top:32px;
    display:flex;
    justify-content:space-between;
}
.m-l-content{
    width:375px;
	position: relative;
}

.m-l-content .titleBox{ border:none;}

.m-l-content .newList li{ padding:0; line-height:38px;    position: relative;}
.m-l-content .newList li a{width:100%!important; padding-left:16px;}
.m-l-content .newList li a::before{ display:none!important;}
.m-l-content .newList li::before{     
	width: 6px;
    height: 9px;
    background: url(../images/arrow.png);
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 18px;
    font-weight: bold;}

/* 头部 */
.m-l-header{
    height:20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
/* 左侧加粗 */
.m-l-header h4{color:#0477ca;font-size:20px;}
.m-l-header h4::before{
    content:'';
    display:inline-block;
    width:3px;
    height:16px;
    background:#0477ca;
    margin-right:12px;
}
/* 右侧more */
.m-l-header a{
    color:#070707;
    /* font-weight:bold; */
}
.m-l-header a::before{
    content:'+';
    display:inline-block;
    margin-right:5px;
}
/* 主要新闻 */
.m-l-main{
    margin-top:22px;
}
.m-l-main div{
    line-height:42px;
    font-size:16px;
    color:#000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}
.m-l-main div::before{
    width: 6px;
    height: 9px;
    background: url(../images/arrow.png);
    content:'';
    display:block;
    position: absolute;
    left: 0;
    top:18px;
    font-weight:bold;
}
.m-l-main div span{
    margin-left: 16px;
}
.m-l-main div:hover span{color:#0477ca;}
.m-l-pic{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:24px;
}

.m-l-pic a{ width:24%;}
.m-l-pic a img{ width:100%;}
.m-l-con{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-top:27px;
}
.m-l-con div>a{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 120px;
    height: 85px;
    margin-bottom: 4px;
    padding: 14px 0;
    box-sizing: boder-box;
    border: 1px solid #e7e7e7;
}
.m-l-con div>a img{ width:43%;}
.m-l-con div:nth-child(even) a{background:#f2f2f2;}
/* 刊物、服务 */

.m-l-printWithService{ display:flex;     justify-content: space-between;}

.m-l-printWithService .titBox{ margin-bottom:20px;}
.m-l-printWithService .swiper-button-next,
.m-l-printWithService .swiper-button-prev {
    width: 20px;
    height: 40px;
    background: rgba(0, 0, 0, 0.4);
    display: felx;
}

.m-l-printWithService .swiper-button-next:after,
.m-l-printWithService .swiper-button-prev:after {
    color: #fff;
    font-size: 20px;
}

.printWithService-con-div1 img{ width:173px; height:229px;}

.m-l-printWithService{
    margin-top:32px;
}
.printWithService-title{
    display:flex;
    justify-content:space-around;
    height:50px;
    background:#eee;
    align-items:center;
    font-weight:bold;
    font-size:20px;
}
.printWithService-con{
    display:flex;
    justify-content:space-around;
    margin:25px 0 34px;
    overflow: hidden;
    
}
.printWithService-con-div{
    display: flex;
	    align-items: center;
}
.printWithService-con-div2{
    margin-left:10px;
	text-align:left;
}
.printWithService-con-div2 p{
    font-size: 16px;
    font-weight: bold;
	line-height:24px;
}
.printWithService-con-div2 span{
    color: #777;
    display: block;
    margin-top: 15px;
	font-size:14px;
}
.printWithService-con-div2 div{
    margin-top: 15px;
    font-size: 14px;
    line-height: 25px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* 这里是超出几行省略 */
}
.printWithService-con-div2 a{
    margin-top: 15px;
    display: block;
    font-size: 14px;
    color: rgb(13, 131, 204);
    font-weight: bold;
    text-decoration: underline;
}
/* 会员风采 */
.member-title{
    padding-left:15px;
    line-height:45px;
    background:#0477ca;
    font-size:20px;
    font-weight:bold;
    color:#fff;
}
.member-con{
    display:flex;
    justify-content:space-around;
    flex-wrap: wrap;
}
.member-con img{margin-top:15px;border:2px solid #efefef;}

.swiperMember { margin-bottom:-20px}
.swiperMember img{ width:100%;}
.swiperMember>div.swiper-wrapper{padding: 20px 0px 40px 0;}




.hyserve {
    margin-right: -10px;
}

.hyserve a {
    width: 151px;
    display: inline-block;
    height: 61px;
    padding-left: 28px;
    background-size: 100%;
    margin: 6px 0;
    font-size: 16px;
    line-height: 61px;
    margin-right: 8px;
    border: #bcd5f1 solid 1px;
    border-radius: 5px;
}

.hyserve a img {
    width: 30px;
    margin-right: 11px;
    -webkit-transition: 0.4s ease-in;
    transition: 0.4s ease-in;
}

.hyserve a:hover img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
	
}